Logo

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

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

制作の流れ

クライアントからいただいたペルソナ情報と「京都はんなり女子旅」というタイトルを元に訴求ポイントを整理し、ワイヤーフレームを作成。その後デザインカンプへ着手し、トンマナを設定しファーストビューを作成。

・カラー

”はんなり”という女性らしいイメージを大事にするため、ベースは淡いピンクベージュを使用。下に行くにつれて濃いピンクとなるようグラデーションにすることで、最後のCTAボタンへ誘導。全体がピンクだけでのっぺりした印象にならないよう、少しのアクセントでイラストなどで黄色を採用しました。

・タイポグラフィ

京都らしい上品さと女性らしさをかんじられるよう、メインフォントは「shippori mincho」、CTAボタン内とスケジュールの時間のみ「inter」で使い分けをし、メリハリをつけました。

・情報設計

ファーストビューの次に、「自分のペースで京都を楽しみながら、定番スポットもしっかり巡りたい」というニーズに寄り添う構成にしました。

「ツアーのように時間に縛られたくない」「京都らしい写真をたくさん撮りたい」など、旅行前に感じやすい悩みや希望を4つの項目に分けて提示。 ユーザー自身の状況と重ね合わせてもらうことで、「このサービスなら自分の理想の京都旅行ができそう」と感じてもらえるよう意識しています。

また、各項目に旅行を連想させるイラストを添えて視覚的にも内容を理解しやすくしました。

シェア
制作について

制作の流れ

クライアントからいただいたペルソナ情報と「京都はんなり女子旅」というタイトルを元に訴求ポイントを整理し、ワイヤーフレームを作成。その後デザインカンプへ着手し、トンマナを設定しファーストビューを作成。

・カラー

”はんなり”という女性らしいイメージを大事にするため、ベースは淡いピンクベージュを使用。下に行くにつれて濃いピンクとなるようグラデーションにすることで、最後のCTAボタンへ誘導。全体がピンクだけでのっぺりした印象にならないよう、少しのアクセントでイラストなどで黄色を採用しました。

・タイポグラフィ

京都らしい上品さと女性らしさをかんじられるよう、メインフォントは「shippori mincho」、CTAボタン内とスケジュールの時間のみ「inter」で使い分けをし、メリハリをつけました。

・情報設計

ファーストビューの次に、「自分のペースで京都を楽しみながら、定番スポットもしっかり巡りたい」というニーズに寄り添う構成にしました。

「ツアーのように時間に縛られたくない」「京都らしい写真をたくさん撮りたい」など、旅行前に感じやすい悩みや希望を4つの項目に分けて提示。 ユーザー自身の状況と重ね合わせてもらうことで、「このサービスなら自分の理想の京都旅行ができそう」と感じてもらえるよう意識しています。

また、各項目に旅行を連想させるイラストを添えて視覚的にも内容を理解しやすくしました。

シェア
水野紗和の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【hertech架空案件】京都旅行パッケージプラン紹介-1
制作について

制作の流れ

クライアントからいただいたペルソナ情報と「京都はんなり女子旅」というタイトルを元に訴求ポイントを整理し、ワイヤーフレームを作成。その後デザインカンプへ着手し、トンマナを設定しファーストビューを作成。

・カラー

”はんなり”という女性らしいイメージを大事にするため、ベースは淡いピンクベージュを使用。下に行くにつれて濃いピンクとなるようグラデーションにすることで、最後のCTAボタンへ誘導。全体がピンクだけでのっぺりした印象にならないよう、少しのアクセントでイラストなどで黄色を採用しました。

・タイポグラフィ

京都らしい上品さと女性らしさをかんじられるよう、メインフォントは「shippori mincho」、CTAボタン内とスケジュールの時間のみ「inter」で使い分けをし、メリハリをつけました。

・情報設計

ファーストビューの次に、「自分のペースで京都を楽しみながら、定番スポットもしっかり巡りたい」というニーズに寄り添う構成にしました。

「ツアーのように時間に縛られたくない」「京都らしい写真をたくさん撮りたい」など、旅行前に感じやすい悩みや希望を4つの項目に分けて提示。 ユーザー自身の状況と重ね合わせてもらうことで、「このサービスなら自分の理想の京都旅行ができそう」と感じてもらえるよう意識しています。

また、各項目に旅行を連想させるイラストを添えて視覚的にも内容を理解しやすくしました。

シェア
水野紗和の他の作品
foriio

あなたのforiioを無料で作成

fori.io/