作品スクリーンショット

概要

主に個人向けの相談を扱う架空の法律事務所のコーポレートサイトを制作しました。

URL

https://adjustacademy.com/d2501/d250129-110757/site01/

作成ページ

トップページ
ご相談予約
ご相談の流れ

担当

コンセプト立案、リサーチ、ペルソナ設定、サイトマップ制作、ワイヤーフレーム制作、画像の選定、画像の作成、コーディング

使用ツール

HTML、CSS、Photoshop

所要時間

調査・設計:20時間
デザイン:5時間
コーディング:20時間

クライアント

2020年に設立された横浜市の法律事務所で、主に個人向けの相談に力を入れている。「あなたの明日に、温かな光を。」をスローガンに、クライアントに安心と希望を届けることを目指している。

コンバージョン

・お問い合わせ数の増加
・相談者数の増加
・求人者数の増加

ターゲット

20代以上の男性、女性

使用カラー

  • #ffffff
  • #0e4871
  • #eb6100

メインカラーに深みのあるネイビーブルーを採用し、法律事務所にふさわしい信頼性や誠実さを表現しました。アクセントのオレンジは補色として視線を引きつけ、堅実な印象の中に親しみやすさと行動喚起を加えています。

デザインについて

メインカラーに暗く深みのある青を採用することで、信頼性と誠実さを演出しました。その中で、信頼感を保ちつつ、より親しみやすさを感じてもらえるように、イラストを取り入れてデザインしました。

コーディングについて

初めてのコーディングだったため、学んだタグや属性を正確に使用することを目標にして制作しました。また、コンテンツ同士や文字と写真の間隔に配慮し、読みやすさを意識してデザインしました。さらに、制作にあたっては、法律事務所のサイトを30個リサーチし、その構成やデザインを参考にしました。

ペルソナ

ペルソナの表