Facebook 【架空案件】ストレッチ動画誘導LP
Logo

【架空案件】ストレッチ動画誘導LP

クレジット
Avatar
WEBデザイナー
【架空案件】ストレッチ動画誘導LP-1
シェア
制作ノート
制作について

【制作の流れ】

要件からペルソナを設定して、トンマナを決定。

各ビューの内容を決めてからワイヤーフレームを作成して、

デザインカンプを制作しました。

【カラー】

朝のすっきり感やストレッチで得られる透明感をイメージして、明度の高い色を使用しました。 

【タイポグラフィ】

朝でもはっきり見やすいようにゴシック体の「Noto Sans JP」を使用しました。

【情報設計】

見たときにすぐ「朝のストレッチだ」と分かる画像と、スッキリ感が伝わるように明るい雰囲気で制作しました。

ボタンは埋もれてしまわないように朝のさわやかさを表現できるよう、緑色を基調にアクセントで黄色をいれたボタンにしました。

【工夫したポイント】

朝に見ても疲れてしまわないように、情報量は少なくシンプルに、忙しくてもできるかもと前向きに思ってもらえるように明るい色使いと爽やかさを意識しました。

2ndビューはいろんな人が持っている悩みを表現するために少し暗く、その悩みを解消するストレッチの紹介では明るい背景にして、今の悩みが少しでも解消できるかもしれないという思いを表現しました。

シェア
島田瞳の他の作品