#01 サイトレビュー　〜EN ROUTE〜

EN ROUTE｜世界自然遺産｜「奄美・琉球」

サイト名
EN ROUTE｜世界自然遺産｜「奄美・琉球」

カテゴリー
旅行・観光・地域

概要
「奄美・琉球」（やんばる、西表島、徳之島、奄美大島）のプロモーションサイト

ターゲット
旅行好き、世界遺産に興味がある、離島に行ってみたいと検討している20代〜30代男女

目的
「奄美・琉球」の世界自然遺産登録に向けたプロモーションと認知度向上

印象
使用している画像の明度を全体的に下げているので、落ち着きのあるサイトに感じる。
スタイリッシュでかっこいい。おしゃれ。

ファーストビュー
▷ メインビジュアル
「奄美・琉球」の景色や催し物の動画が再生されている。
ロゴやグローバルナビ、キャンチコピーの文字が白なので、明度を下げる（黒フィルター？を重ねる）ことで見やすくなっている。また、サイト全体の雰囲気にも会うように工夫されている。
左下にスクロールボタンを配置してスクロールを促している。また、”お知らせ”をMVに少し重ねることでスクロールしてもらいやすくなっている。
キャッチコピーの「En route to...」の文字が手書きの文字をimgで配置している。スタイリッシュな雰囲気と合致してお洒落。
（[en route＝...への途中、途上で]という意味なので、キャッチコピーに込められている思いに「世界自然遺産への途中」が含まれているのではと推測...。）

▷ グローバルナビ
　[JOURNEY]　[ABOUT]　[EVENT]　[ACCESS]　[FAQ]

コンテンツ
・ 画像をホバーしたら黒いフィルターが追加される。
・ スクロールするとテキストがアニメーションで動き、画像も左右に少し動く。
・ Your Journey
　 タイトルが縦書きなのがとてもお洒落。
　 ピックアップしている4つの島のコンテンツを左右交互に配置しているので単調にならず視線の誘導が自然に行える。
・ 地図
　 Googleマップを大きく配置して、サイト内で掲載しているスポットを簡単に見れるようになっている。
・ リンクボタン
 　ホバーすると文字が回転する。（鉛筆を転がすような動き）

・ フッター

カラー

フォント
▷ 本文：YuMincho（游明朝体）　14px
▷ コンテンツタイトル：butler_regular　90px
▷ グローバルナビ：butler_regular　14px
▷ リンクボタン：Roboto　16px

レスポンシブ
・ ヘッダーは上部に配置。左にロゴ、右にハンバーガーメニュー。
・ キャッチコピーやテキストはMV下部中央に配置。
・ スクロールボタンはなくなっている。
・ レイアウトは大幅に変化はなく、PC版のレイアウトを画面幅に合わせて狭めたのみの印象。（ただ、Event Calenderのエリアは変化あり）
・ 本文：YuMincho（游明朝体）　12px
　 コンテンツタイトル：butler_regular　50px
　 グローバルナビ：butler_regular　20px
　 リンクボタン：Roboto　13px
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。