【HerTech　架空案件】京都旅行パッケージプラン紹介LP

⚫︎制作の流れ

本LP作成のための要件文をもとにまず、ワイヤーフレームを作成し、レイアウトなど仮決定をし、その他の要望で、タイトルが「京都はんなり女子旅」なので、タイトルに合う感じでデザイナーさんにお任せします。というコメントも尊重しつつ京都旅行プラン紹介でもある為、京都の和の雰囲気を取り入れつつ、商品名にもあるはんなりは、京都方言で上品で明るいなどの意味を持つため、その言葉にも近づけられるようにデザインしました。

⚫︎使用したフォント

ファーストビューのみにはんなり女子旅に因み、はんなり明朝を使用し、2nd&3rdビューはNoto Serif JPで統一し和の印象を出せるようにしました。

⚫︎ファーストビュー

ファーストビュー画像はCanvaにて作成し、キャッチコピーと商品名が遠くからでも見えにくくならないように、鳥居の色と対比になるような#5c7e8fの半透明の長方形シートを入れました。一方、スマホ閲覧版では、トリミング箇所が変わるため、視線誘導の意識、写真の釣り灯籠が隠れないようにキャッチコピーと商品名の配置を調整しました。

⚫︎2ndビュー

2ndビューの背景色には和室の壁などに近しい#f9ecd9を使用、冒頭に、今回目パッケージプランの簡単な概要と飾りに金閣寺の写真と桜色と若草色の楕円形のあしらいを配置しました。コース詳細説明部分の各項の数字部分に亀甲の正六角形を用い、更にその色と小見出しにはそれぞれ用意された写真から、色をスポイト抽出し使用しました。

⚫︎3rdビュー

3rdビューは今回の旅のイメージができるような１枚をUnsplashから選び、写真の雰囲気を損ねないようする事と、お値段提示部分を見やすくするバランスをとりました。

⚫︎CTAボタン

CTAボタンの角は完全円にならず完全直角でもない漢字に角を仕上げ、目立ちやすい様に伏見稲荷の鳥居の色の明るみを上げた色を使用し、全体雰囲気を損ねないデザインにしました。