sp https://xd.adobe.com/view/548d1b61-3bec-413b-84a0-77638677070d-01de/
目次
1 要件
2 制作したサイト
3 工夫したこと
4 制作で学んだこと
----------------------------------------------------------------------------------
要件
1 コンセプト
24時間営業の専属トレーナー制度のあるジム。大人なイメージ
2 課題、訴求
契約者を増やすためサービスなどを知ってもらい契約者を増やす
3 ターゲット
・本気で鍛えたい人
・一人でどんなトレーニングをすればいいかわからない人
・仕事の時間以外でトレーニングをしたい社会人
・ダイエットしたい女性
4 ペルソナ
（属性）20代後半 社会人 健康な体を保つためにトレーニングがしたい
（背景）仕事以外の時間で好きな時に鍛えれるジムに行きたい
5 ワード
真面目、本気、大人、シンプル
6 ゴール
サービスを知ってもらい契約者を増やす
7 製作期間
３日
制作したサイト
工夫したこと
TOPページ
- 可変性のあるレイアウトにしsp版のサイトもコーディングしやすく
- ファーストビューからは、ジムのサイトだとわかりやすく
- キャッチコピーでは成果が出るジムをイメージ
- キャッチコピーに背景色をつけ見やすく
- コンセプトのセクションに数字をつけグルーピングを意識
- ナビゲーションメニューは、ボタンで各セクションに一気にスクロールするようにし、気になる情報に辿りやすくしました。
- 紹介サービスではほかのボタンとデザインを分け差別化しました
- 可変性のあるレイアウトにし
配色
オレンジをアクセントカラーでボタンやタイトルに使いました。
背景色とフッターの色を変え差別化
制作で学んだこ
sp版にあわせたデザインを考えたレイアウト
グルーピングを意識したデザイン