ターゲット

お手軽に出かけてリフレッシュしたい、ペーパードライバーもしくは免許未保有の関東近郊在住30～40代女性

目的

ユーザーにバスツアーに魅力を持ってもらい、サイトの継続的な利用やツアーの予約に繋げること。

情報設計

モバイルファースト：日常的に頻繁に使用されるスマートフォンからのアクセスを想定し、モバイルファーストで設計。スマホ向けにレイアウトを最適化し、PC向けにはナビゲーションやスライドショーを追加することで、どのデバイスでも快適な閲覧ができるようにした。

各コンテンツの配置：トップページには「特集」「検索」「ガイド」など、主要コンテンツを順に配置。ユーザーが興味を持った部分で詳細ページに遷移できるよう、視線の流れと情報の整理を意識した構成にした。

タブ切り替え：各ツアーの詳細ページでは、３つのタブ切り替えを設置し、同一ページにてツアーの「基本情報」「ポイント」「行程表」をスムーズに確認できるような設計にした。

デザイン

カラーコンセプト：緑を基調とし、自然や親しみやすさを演出。ベージュやブラウンを取り入れることで、自然の雰囲気をプラスし、かつナチュラルでリラックスできるような配色にした。

イラストやアニメーション：楽しさや親しみやすさを演出できるよう、トップページにスクロールしたら木のイラストの間をバスが動くアニメーション、さらに、スクロールに応じて右・左・下からコンテンツがふわっと現れるアニメーションを実装。視覚的な動きを加えることで、旅への期待感やサイトの楽しさを自然と演出した。

フォント：全体的にはZen Kaku Gothic Antiqueを使用し、読みやすさと親しみやすさを両立できるフォントを採用。タイトル部分にはKaisei Decolを使用し、ターゲット層の30〜40代女性に訴求できるよう装飾的でエレガントな印象をプラスできるようにした。

制作期間

1ヶ月
企画・ワイヤーフレーム：3日
デザイン：1週間
コーディング：3週間