カカクコムGr. フォートラベルでのデザインリニューアル変遷。(2015/2~2017/3)


2年のデザイン責任者の間に行ったデザインUI/UX改善の一部を以下に。

サイトトップ(リニューアル)

http://i.4travel.jp/

最上部のスライダ部分は、閲覧履歴やユーザー属性をふまえてパーソナライズしながら旅行商材をリコメンドします。商材ボタンなど各階層トップへの誘導ボタン下では新着順でキュレーション記事を紹介しながら、フォートラベルが旅行メディアであることの認知訴求をします。

海外都市階層エリアページ(リニューアル)

http://i.4travel.jp/city/paris

ユーザーの知りたい情報順にページ構造を再構築。旧ページでは、もう1タップしないと情報が取得できないディレクトリ構造だったものを見直しました。合わせてPCページにはあるけど、スマホページには無いコンテンツ、あるいはそもそも遷移先スマホページが存在しない…などのデバイス毎の情報差の問題も解消しています。

フッターにナビ導線設置(新規)

サイトの特性から、最も大きいボリュームゾーンである「クチコミや旅行記のロングテールで入ってきた一見さん」への、更なる有用な情報提供(直帰率の減少)、サービス案内・ブランド認知を目的に、各ページフッターにナビ導線を設置しました。各ボタンの遷移先は、それぞれのページのエリア属性にひもづいた旅行商材や観光情報になります。

ヘッダー(リニューアル)&グローバルナビ導入(新規)

上記スマホフッター同様、PCページのサイト内回遊を目的に共通グローバルヘッダーを導入。サイト回遊と合わせてフォートラベルで旅行商材を買えるという、ビジネスの認知にも貢献するのが目的です。

海外ホテル個別詳細ページ(リニューアル)

http://i.4travel.jp/shisetsu/10120358?dmos=os

個別ホテル名で検索流入してきたスマホユーザーに対して、旅行会社別の部屋タイプ・料金比較を最安値順に1stビューから表示。合わせてホテルの特徴もページ内で把握できる情報構造にリニューアルしました。

海外ホテルエリア別一覧ページ(リニューアル)

http://i.4travel.jp/city/honolulu/hotel

海外エリア名☓ホテルなどで検索流入してきたスマホユーザーに対して、ホテルのクチコミランキング順に、部屋代の最安値を出している旅行会社とプラン表示をし、ホテル毎の料金相場を知った上でホテル比較をしていただき、旅行会社ページ、あるいはホテル詳細ページへ遷移する導線設計にリニューアルしました。

海外ホテルエリア別一覧ページ(リニューアル)

http://4travel.jp/os_hotel_list-city-honolulu.html

海外エリア☓ホテルなどで検索流入してきたPCユーザーも、スマホユーザーに比べ、大きな写真を見たいという需要が強いので、PCユーザー動向に合わせたページ構造にリニューアルしました。

海外ツアー検索(リニューアル)

http://4travel.jp/os_tour.html

PCグローバルヘッダーの恩恵を受け、海外ツアートップへの流入が伸びるため、これまで拾えていなかった「行き先をまだ決めていない潜在層」へリーチするツアートップページにリニューアルしまいた。エリア名以外にもテーマ性を持ったカテゴリをもうけ多様なニーズに対応することを目指しています。

国内格安航空券検索結果ページ(新規)

国内ホテル個別詳細ページ(リニューアル)

http://hotel4travel.jp/dm_hotel_each-10041564.html

フォートラベル GLOBAL WiFi同梱サービス概要冊子(新規)

観光スポットクチコミまとめ(新規)

http://spot4travel.jp/landmark/dm/10667842

Like what you read? Give Yoshiyuki Yokoyama a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.