【HerTech架空案件】京都旅行プラン紹介LP

【制作の流れ】

与件シートを読み込んだ後、ペルソナを設定しキャッチコピーととトンマナを設定。情報設計した後、ワイヤーフレームを作成しクライアント（HerTech）に確認を取り、本格的なデザイン制作を開始。デザイン全般を担当しました。

【デザインについて】

⚫︎カラー

ターゲットが首都圏在住の20代後半〜40代女性ということで、大人らしさの中に可愛らしさが残るようなカラーにしたいと思いました。京都の名所を巡るモデルコースなので、メインカラーを和風のうぐいす色に近い緑色に設定し、ベースカラーに柔らかいベージュ色、アクセントカラーに可愛らしいピンク色を選びました。

⚫︎タイポグラフィ

一番目立たせたいモデルコース名やセクションのタイトル部分のフォントを、クラシックな雰囲気に少し可愛らしさがある「ひな明朝」に選びました。それ以外のフォントを、柔らかさのある「しっぽり明朝」にまとめ、統一感を出しました。

⚫︎情報設計

ファーストビュー
…クライアントから提示されたモデルコースの中の「着物をレンタルする」という項目に着目し、着物を着た女性の写真をメインビジュアルに選びました。モデルコース名を縦組みにすることで、京都らしい和風のイメージを表現しました。

セカンドビュー
…パッケージプランの検索ページへ誘導させるために、モデルコースが魅力的に見えるようにデザインしました。提示されたコースが朝8:00から15:00までだったので、それ以降のスケジュールについてはユーザーに想像をもたせるような設計にしました。また、コース内の写真の位置を左右交互に配置したり、異なる場所を点線でつなぐことで、京都の町を歩いて移動しているようなデザインを意識しました。

サードビュー
…LPの目的であるパッケージプランについて詳細を載せました。パッケージプランの中身である新幹線と宿泊施設のイメージ写真を配置し、ユーザーに想像させるようなデザインにしました。

【工夫したポイント】

使用しているイラストはオリジナル作品です。
和紋様をトレースし、京都旅行の雰囲気に合うようなイラストを制作しました。紙に描いたモノクロの絵をIllustratorを使用してデジタル上に取り込み、メインカラーとアクセントカラーの色面に落とし込みました。デザイン全体のアクセントになるように配置し、可愛さを表現しました。