Facebook 【Hertech架空案件】京都旅行紹介LP
Logo

【Hertech架空案件】京都旅行紹介LP

クレジット
Avatar
WEBデザイナー
【Hertech架空案件】京都旅行紹介LP-1
シェア
制作ノート
制作について

【京都旅行 LP】

●制作の流れ

訴求ポイント、ペルソナを基にワイヤーフレームを作成。

ワイヤーフレームを作成するにあたっては、幾つかのLPを参考に、

ペルソナに合った仕様を検討。

その後、デザインのトンマナを具体的に考え、デザインカンプ制作に着手。

ファーストビューで印象を残す事を意識の上、全体の制作に着手しました。

担当範囲はデザイン全般です。

●カラー

ペルソナに合わせた色味、また京都を感じられるカラーを選びました。

●タイポグラフィ

フォントはすべてShippori Minchoを使用し、素材と京都のイメージに合わせて、

和の雰囲気と上品さを表現しました。

●情報設計

FVでは一目で何に関するLPなのかが分かるように制作し、CVボタンが最初に目に入るように配置。

●工夫したポイント

・FVでは背景に京都らしさを感じられる画像を配置し、

そのうえにプラン名を記載、「京都」の文字を背景の鳥居と似ている色を使用することで、一目で京都らしさを感じられるように工夫しました。

・それぞれのプランについてはペルソナが女性である事から、

女性らしい淡いピンク色を使用し、プランの説明については黒ではなく、茶色を使用することで柔らかい印象で温かみのある雰囲気を表現しました。

・またそれぞれのプラン説明とそれぞれの画像を配置するだけではなく、

背景には京都らしさが感じられる画像を配置。

それぞれのプラン内容を強調できるように背景画像の不透明度を調整。

背景からも京都らしさが感じられるように工夫しました。

シェア
杉浦優理の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【Hertech架空案件】京都旅行紹介LP-1
杉浦優理の他の作品
foriio

あなたのforiioを無料で作成

fori.io/