Facebook 制作について
Logo

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

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

■制作の流れ

与件に基づき、ペルソナ(首都圏在住・20~40代・現地自由行動派の女性)を設定。旅のニーズや悩みを分析・整理しました。

■カラー

「京都はんなり女子旅」の世界観と、ウェブサイトとしての視認性・行動のしやすさを両立させる配色にしました。

・ベースカラー(#FAF6F0/#FFFFFF):わしのような温かみのあるオフホワイトを採用し、紙媒体の旅ガイドのような上品で落ち着いた質感を表現しました。

・メインカラー(#C84B31/#5E2F00):朱鳥居や京都の街並みを連想させる深みのある赤と濃茶をメインに使用し、デザイン全体の和のトーンを引き締めています。

・アクセントカラー(#C50000/#2B2B2B):最重要アクションであるCVボタンには視認性が高く目立つ鮮やかな赤を配置。本文テキストには完全な黒ではなく強すぎないダークグレーを使用し、長文でも読みやい可読性を確保してます。

■タイポグラフィ

・Noto Serif JP(メイン使用):キャッチコピーや見出し、時間表記などに明朝体を使用することで、京都らしい風情・しとやかさ・上品な雰囲気を演出しています。

・Noto Sans JP(ボタン・補足等):可読性を重視するCVボタンや本文、スマホ画面での読みやすさが求められる箇所にはゴシック体を使用し、瞬時に情報が伝わる工夫をしました。

■情報設計

・モデルコース部分は、タイムスケジュール形式でジグザグ(左右交互)に写真と文章を配置。視認誘導をスムーズにし、最後まで楽しく読める視覚的工夫を取り入れています。

シェア
制作について

■制作の流れ

与件に基づき、ペルソナ(首都圏在住・20~40代・現地自由行動派の女性)を設定。旅のニーズや悩みを分析・整理しました。

■カラー

「京都はんなり女子旅」の世界観と、ウェブサイトとしての視認性・行動のしやすさを両立させる配色にしました。

・ベースカラー(#FAF6F0/#FFFFFF):わしのような温かみのあるオフホワイトを採用し、紙媒体の旅ガイドのような上品で落ち着いた質感を表現しました。

・メインカラー(#C84B31/#5E2F00):朱鳥居や京都の街並みを連想させる深みのある赤と濃茶をメインに使用し、デザイン全体の和のトーンを引き締めています。

・アクセントカラー(#C50000/#2B2B2B):最重要アクションであるCVボタンには視認性が高く目立つ鮮やかな赤を配置。本文テキストには完全な黒ではなく強すぎないダークグレーを使用し、長文でも読みやい可読性を確保してます。

■タイポグラフィ

・Noto Serif JP(メイン使用):キャッチコピーや見出し、時間表記などに明朝体を使用することで、京都らしい風情・しとやかさ・上品な雰囲気を演出しています。

・Noto Sans JP(ボタン・補足等):可読性を重視するCVボタンや本文、スマホ画面での読みやすさが求められる箇所にはゴシック体を使用し、瞬時に情報が伝わる工夫をしました。

■情報設計

・モデルコース部分は、タイムスケジュール形式でジグザグ(左右交互)に写真と文章を配置。視認誘導をスムーズにし、最後まで楽しく読める視覚的工夫を取り入れています。

シェア
水木ハルの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech架空案件】京都旅行プラン紹介LP-1
制作について

■制作の流れ

与件に基づき、ペルソナ(首都圏在住・20~40代・現地自由行動派の女性)を設定。旅のニーズや悩みを分析・整理しました。

■カラー

「京都はんなり女子旅」の世界観と、ウェブサイトとしての視認性・行動のしやすさを両立させる配色にしました。

・ベースカラー(#FAF6F0/#FFFFFF):わしのような温かみのあるオフホワイトを採用し、紙媒体の旅ガイドのような上品で落ち着いた質感を表現しました。

・メインカラー(#C84B31/#5E2F00):朱鳥居や京都の街並みを連想させる深みのある赤と濃茶をメインに使用し、デザイン全体の和のトーンを引き締めています。

・アクセントカラー(#C50000/#2B2B2B):最重要アクションであるCVボタンには視認性が高く目立つ鮮やかな赤を配置。本文テキストには完全な黒ではなく強すぎないダークグレーを使用し、長文でも読みやい可読性を確保してます。

■タイポグラフィ

・Noto Serif JP(メイン使用):キャッチコピーや見出し、時間表記などに明朝体を使用することで、京都らしい風情・しとやかさ・上品な雰囲気を演出しています。

・Noto Sans JP(ボタン・補足等):可読性を重視するCVボタンや本文、スマホ画面での読みやすさが求められる箇所にはゴシック体を使用し、瞬時に情報が伝わる工夫をしました。

■情報設計

・モデルコース部分は、タイムスケジュール形式でジグザグ(左右交互)に写真と文章を配置。視認誘導をスムーズにし、最後まで楽しく読める視覚的工夫を取り入れています。

シェア
水木ハルの他の作品
foriio

あなたのforiioを無料で作成

fori.io/