Minato drive schoolサイトについて
＿制作概要
みなとみらいにある自動車学校サイト
＿ターゲット層
仕事やプライベートで忙しく、自動車学校に中々通えない社会人 / 20代〜50代
＿課題
前年に比べて入校生が伸び悩んでいる
＿サイトの目的
学校の存在を認知してもらい、資料請求・問い合わせをいただく
＿製作ページ
トップ、学校紹介/施設案内/卒業生の声、アクセス、資料請求の4ページ
＿使用スキル
Illustrator/Photoshop/Dreamweaver/HTML/CSS/JQuery
＿作業内容
企画/デザイン/コーディング
＿制作期間
2020年5月中旬〜約2ヶ月半 / ベース構築2週間+サイト製作6週間
PC
ワイヤーフレーム・デザインについて
＿意図
港付近にある架空の自動車学校サイト。トップページのファーストビューには学校の特色である都会で教習の訓練ができることをイメージできるような写真を配置しました。
また、お客様の声・施設の写真・学校の特色ページをコンテンツ切替ボタンを設けて１ページで表示させることで、依頼内容を可視化し、ペルソナに安心感を持っていただけるようにしました。
アクセスにはお店の場所が分かりやすいようにGoogleマップを配置しました。
＿配色・フォント
カラーは、社会人20代〜50代がターゲット層のため、落ち着いた知性を感じる「濃紺」/ 学校の特色である港付近の海をイメージさせるような「浅葱」を使用しました。アクセントカラーには目立つ「紅色」を、サイトの目的である資料請求ボタンにのみ使用しました。
フォントは知性的で信頼感を与える「明朝体」を使用しました。
Mobile/Tablet
