概要
主に個人向けの相談を扱う架空の法律事務所のコーポレートサイトを制作しました。
URL
https://adjustacademy.com/d2501/d250129-110757/site01/
作成ページ
担当
コンセプト立案、リサーチ、ペルソナ設定、サイトマップ制作、ワイヤーフレーム制作、画像の選定、画像の作成、コーディング
使用ツール
HTML、CSS、Photoshop
所要時間
調査・設計:20時間
デザイン:5時間
コーディング:20時間
クライアント
2020年に設立された横浜市の法律事務所で、主に個人向けの相談に力を入れている。「あなたの明日に、温かな光を。」をスローガンに、クライアントに安心と希望を届けることを目指している。
コンバージョン
・お問い合わせ数の増加
・相談者数の増加
・求人者数の増加
ターゲット
20代以上の男性、女性
使用カラー
- #ffffff
- #0e4871
- #eb6100
メインカラーに深みのあるネイビーブルーを採用し、法律事務所にふさわしい信頼性や誠実さを表現しました。アクセントのオレンジは補色として視線を引きつけ、堅実な印象の中に親しみやすさと行動喚起を加えています。
デザインについて
メインカラーに暗く深みのある青を採用することで、信頼性と誠実さを演出しました。その中で、信頼感を保ちつつ、より親しみやすさを感じてもらえるように、イラストを取り入れてデザインしました。
コーディングについて
初めてのコーディングだったため、学んだタグや属性を正確に使用することを目標にして制作しました。また、コンテンツ同士や文字と写真の間隔に配慮し、読みやすさを意識してデザインしました。さらに、制作にあたっては、法律事務所のサイトを30個リサーチし、その構成やデザインを参考にしました。
ペルソナ