このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
「決めたことを、やり切れる会社へ。」を掲げる経営コンサルティング会社のサイト。トップは左に濃紺の文字パネル、右に写真を置く左右半々のヒーローを3枚のフェードで切り替え、下部では濃紺のパネルと写真が2段で左右を入れ替える市松から代表メッセージと採用へつなぐ。サービスは「経営戦略」「組織・人事」「業務改革・DX」の3領域を、期間・体制・費用の目安と成果物で横に並べた比較表と、領域ごとの詳細ページで見せる。導入事例は6件を領域で絞り込め、詳細の3件は冒頭に Before→After の数字を大きく置き、横の目次が読んでいる位置を追う。お問い合わせは相談・資料請求・セミナー・採用の種別に応じて入力欄と必須項目が切り替わり、確認画面を経て完了まで進む。TOP／サービス一覧・3領域の詳細／導入事例一覧・詳細3件／会社概要（拠点の道順図つき）／代表メッセージ／お知らせ一覧・セミナー詳細／採用／お問い合わせ／個人情報の取り扱い／404の全17ページ。写真34枚はすべて生成し、自然光と寒色寄りの中間色で揃えている。
奇をてらわず、依頼の多い「王道のコーポレートサイト」を完成度で見せることを目的にした一本。基軸は国内外15社のコンサルティング会社のサイトを撮影して比べ、3等分のカードと連番・丸いピル型のボタン・全節の末尾に同じ形の誘導を置く型に当てはまるものを外したうえで、情報量の多い下層ほど整って見えるサイトを選んだ。CSSを実測して角丸0・影なし・本文は細字という設計を確かめてから組んだため、よく見る角丸カードは採らず、青・白・写真の見出し・カード一覧という王道の中身だけを残している。動きは写真の拡大やボタンの反転など触れた所だけに絞り、出現の演出は節ごとに1回の控えめな1種類に限った。画面は全ページを5つの画面幅と2つの描画エンジンで走査し、横あふれ・潰れ・エラーが0件であることを実測した。