#04 サイトレビュー　〜RELOCA [ リロカ ] ローカルの未来を考える〜

RELOCA [ リロカ ] - ローカルの未来を考える

サイト名
RELOCA [ リロカ ] ローカルの未来を考える

カテゴリー
プロジェクト

概要
RELOCA [ リロカ ] のプロジェクトのプロモーションサイト
※ RELOCA [ リロカ ]：地域にある魅力的なヒト・モノ・コト・バショを再発見し、現代のニーズに沿った表現方法で、その地域をより魅力的に生まれ変わらせるプロジェクト

ターゲット
地域おこしや地域の魅力を再発見して発信するためにプロジェクトに興味のある方

目的
プロジェクトを知ってもらう、興味を持ってもらう

印象
全体的に「和」、「素朴」、「シンプル」な印象。

ファーストビュー
▷ メインビジュアル
　画面いっぱいに日本らしさの伝わる「田舎」の画像がスライドショーになって切り替わっている。kキャッチコピーとプロジェクトロゴはMVのど真ん中に配置。スクロールボタンはMVの左下に配置。
そして、MVの下部にプロジェクトの簡易的な説明が記載されている。ヘッダーは右に固定して配置されており、配色も自然の素朴な印象を与える色でMVの画像の雰囲気を妨げないような工夫が見える。

▷ グローバルナビ：画面右辺に固定
　[お問い合わせ・資料請求はこちら] ※最終ゴール
　[TOP]
　[Outline]
　[About]
　[Scheme]
　[Services]
　[Works]
　[シェアツール：Facebook，Twitter，LINE]

コンテンツ
・ グローバルナビでコンテンツを選択すると、別ページに飛ばずに同ページ内の該当エリアにスクロールする仕様となっている。手動でスクロールした場合は、テキストや画像がフェードインしてくる。
・ 画像を多用していない分、アイコンや図などをたくさん使用しており直感的に分かりやすいように理解しやすいように工夫されている。
・ 「『日本』を再発見」の『日本』が国旗を彷彿させるような塗りにしており、とてもキャッチーで素敵。ただ視認しにくさは否めない...。

・ About：プロジェクトの6つのポイントに番号を降ってカードのように並べて配置しているので、ポイントの把握がしやすい。また一つ一つのポイントに対する適したアイコンを大きめにしているので直感的に理解できる。カード内の余白はゆったりとした印象。
・ Scheme：プロジェクトの仕組みについて文字ではなく図で説明しているのでわかりやすい。また、循環しているような矢印が一定間隔で回転するように動く。
・ Services：プロジェクト内でできることを7項目列挙しているが、カード式に配置している。番号を振っており視線誘導が上手。（番号の部分やサービスメニューがプロジェクトの中でよく出てくる六角形を用いている）
・ Works：背景に田舎の森にような画像を配置。プロジェクトの事例を5つの画像をスライドショーにしている。
・ Contact：電話番号（電話リンク）とお問い合わせフォームを2つ並べて配置している。
・ リンクボタン

・ フッター

カラー

フォント
▷ 本文：Noto Sans JP　16px
▷ コンテンツタイトル・グローバルナビ：Montserrat　14px
▷ キャッチコピー・日本語タイトル：tbcgothic-std

レスポンシブ
・ ヘッダーは上部に配置して固定。左にハンバーガーメニュー、右にお問い合わせフォームへのリンクボタン。
・ PC版で横並びのレイアウトになっているところは、SP版では基本縦方向に整列並び変わっている。特に変化のある部分は、「サービス例のイメージ」。SP版ではアコーディオンブロックに変更されている。
・ グローバルナビはハンバーガーメニューに格納（画面の左上に固定）されており、以下のように展開する。

・ フッター