●制作の流れ
情報・訴求ポイントを整理。次にワイヤーフレームを作成し、情報構成とテキスト量を確認。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを制作し、全体のイメージを確認しながら進めました。
●カラー
統一感が出るよう、色は少なめに設定しました。
京都女子旅がテーマなので、ベースカラーは白よりのピンク色で優しい雰囲気に。アクセントカラーは神社の鳥居のイメージから、より和風で落ち着いた赤色、その中でも映えるようCVのみ落ち着いたネイビーを選択しました。
●タイポグラフィ
全体のイメージを壊さず、かつノスタルジックな雰囲気も出せるよう、ページのほとんどを”Zen Maru Gothic”で統一しました。
FVの「京都はんなり女子旅」と、モデルコースのそれぞれのタイトルは、より京都らしい雰囲気を重視し、“はんなり明朝”を使用。
モデルコースの時間のみ“Herr Von Muellerhoff”を使用し、アクセントをつけました。
●情報設計
こちらは架空案件のため、モデルコースの内容をより詳細に示すため、クライアントからの聞き取りを想定し、自身で各セクションにキャッチコピーと本文を作成しています。
タイトルや時間、キャッチコピーでそれぞれの魅力が一目でわかるようにの文字の大きさを調整しました。
また、CVボタンは、最初に目が入るFVと、モデルコースを時系列で紹介し、その流れで気になった方がアクションを起こしやすいよう最後に設置しました。
●工夫したポイント
色・フォント・装飾など全てに対して、京都の和のイメージや、タイトルの「はんなり」感をイメージして、上品かつ華やかさを意識しました。また、とにかく全体の統一感がでるように、色を多くは使わずその中でのバランスを大切にしました。
コースの繋がりが見えるよう装飾を配置し、よりユーザーが続けてみたくなるよう工夫しました。
