情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

目的は問い合わせ獲得を最優先するというより、第三者が企業と事業を確認できる「オンライン上の名刺」を整えることでした。しかし、想定ページ数はあっても、サイトマップや一部ページの役割、事業名称、ブランド表現は変化の途中にありました。

当初のデザイン要望には明るさ・清潔感・信頼感がありましたが、それだけを外見へ置き換えると、事業固有の世界観が伝わりにくくなる懸念がありました。また、動きの多い表現は静止画だけでは実装条件を確定できず、CMSも見積り時の想定と実際の更新範囲を照合し直す必要がありました。

さらに、公開日までに必要な範囲と、公開後も確認を続ける更新機能・表示検証を分け、残作業と完了条件を明確にすることが課題でした。

まず、ページ数や見た目を確定する前に、サイトの役割、伝える相手、企業情報、事業内容、更新対象を整理しました。企業としての信頼を支える情報構造と、事業の個性を伝えるブランド表現を分けて考え、参考表現は見た目だけでなく、事業との関係と採用理由を添えて共有しました。

TOPページは全体を作り切る前に、最初に目に入る範囲から事業紹介付近までを提示し、大きな方向性を先に確認しました。事業名称については、正式名称とメニュー内で使う短い表記を分け、初見で理解できるか、誤解がないか、長く使えるか、画面内で判読できるかを判断軸として整理しました。

CMSは当初の前提をそのまま採用せず、誰が何を更新するか、管理画面に必要な機能、サイト本体と更新領域の分け方、保守・セキュリティ・引き継ぎを比較し、実際の更新範囲に合う構成を選びました。

明るさや清潔感といった要望を、そのまま白を基調とした一般的な企業サイトへ変換せず、ロゴ、事業、対象者、文化的背景を確認しながら、信頼感と独自性を両立する世界観を組み立てました。信頼感は企業情報や事業内容へ迷わず到達できる構造で支え、ビジュアルでは事業と利用者に親和性のある色、図版、質感、動きを検討しました。

世界観の強いデザインは完成後に初めて見せるのではなく、TOPページの途中段階で大きな印象を確認しました。その後、下層ページへ展開しながら、動きの開始条件、終了状態、素材の分解、端末ごとの代替表示を実装担当と詰めました。デザインの方向性確認と技術確認を早い段階から往復させることが、表現と公開条件の両方を守るための重要な判断でした。

動きのある表現を、背景・図版・文字・スクロール・ホバーなどの単位に分解し、実現方法と必要工数を確認しました。静止画では成立していても、端末差や操作方法によって読みやすさが変わるため、実装可否だけでなく、簡略化できる選択肢や代替表示も含めて仕様化しました。

更新対象は主にお知らせだったため、サイト本体の表現と更新領域を分けた構成を採用しました。公開前には主要画面、問い合わせフォーム、リンク、公開環境を確認し、公開後も更新機能との接続、一覧のページ送り、ページ内リンク、特定端末での表示を継続して調整しました。

この経験から、公開日を制作の終了日ではなく運用開始日として捉え、段階公開を行う場合は、公開時点で使える範囲、公開後に残る作業、確認担当、完了条件を事前に共有する必要があると整理しています。