架空の法律事務所のコーポレートサイトを自主制作しました。市場調査から行い、会社概要・ペルソナ作成を実施してサイトの構成を考えて制作しています。

URL

https://adjustacademy.com/0653/d241210-080653/site01/index.html

担当

デザイン・コーディング

サイトの目的

予約やお問い合わせの増加、新規顧客の獲得

ターゲット

法律関連の知識があまりないために、法律事務所を検討している周辺の中小企業および個人のお客様

企画段階について

初めに実在する法律事務所30社分のサイトを調査しました。調べた内容をまとめたのち、架空の法律事務所の会社概要やペルソナを作成して、サイト全体の構成を考えています。

画像クリックで拡大します。

デザインについて

メインカラーをネイビーとし、法律事務所らしい誠実なイメージをアピールしています。また、掲載するコンテンツもターゲットに合わせて順番を考えており、事務所についての説明は概要だけ先に出した後、ターゲットが一番知りたいと考えられる取扱業務について細かくジャンル分けして掲載しています。
ワイヤーフレームは初めに手書きで作成したのち、XDで清書しました。

画像クリックで拡大します。

コーディングについて

余白の統一を心掛けて、シンプルですが見やすいサイトを意識しました。