#21 サイトレビュー　〜HELLO SCOOTER - どこでも借りられて好きな場所で返せるシェアバイク〜

HELLO SCOOTER

サイト名
HELLO SCOOTER - どこでも借りられて好きな場所で返せるシェアバイク

カテゴリー
車・バイク・乗り物・飛行機

概要
レンタルスクーターのサービスのプロモーションサイト

ターゲット
このサービスに興味のある人
手軽な移動手段の利用を求めている人
安価での移動手段を探している方

目的
サービスの周知
利用する人の増加

印象
イラストがかわいい！
サービスを利用したいと思えるワクワク感がある。

ファーストビュー
▷ メインビジュアル
　構成としては、画面上部にヘッダー（左にロゴ、ロゴのすぐ横にグローバルナビ、右端にコンタクトボタン）があり、mvが平行四辺形型にマスクされて配置されている。mvは２枚の画像がスライドになって切り替わる。平行四辺形にマスクされていることによって、”颯爽感”を感じ取ることができる。「いい風、ふかそう。」というキャッチコピーが他のフォントと違い明朝体で表記されているので、風の爽やかな感じや軽やかさが表現できているように思う。
▷ グローバルナビ：画面上部に配置＆固定
　[TOP]
　[CONCEPT]
　[HOW TO FUN]
　[HOW TO RIDE]
　[HOW MUCH]
　[CONTACT]

コンテンツ
・サイト全体のあしらいや、イラストがかわいい。特に[HOW TO FUN]と[HOW TO RIDE]に使用されているイラスト。場面に応じたイラストがおしゃかわでイメージしやすい。
・下層ページはなく1ページで完結するサイトなので、グローバルナビをクリックすると同一ページ内の該当エリアに自動スクロールする仕様となっている。
・ 当サービスはアプリのインストールが必要なので、サイトのあちこちにインストールのリンクボタンが配置されている。ユーザーがアクセスしやすいように配慮されている。
・[CONCEPT]
左に画像、右にテキストという構成。画像の配置の工夫や○□△のあしらいも参考になるが、テキストが印象に残る。MVのテキスト「いい風、ふかそう。」に続く形で「いい風にふかれて。〇〇」と言葉を紡いでいるのが素敵。
・[HOW TO FUN]
背景色を変えてコンテンツを区別。5つのケースをカードにして並べて掲載しているが、右下がりにならべてナンバリングすることで視線誘導がうまくできるように工夫されている。何度も言うが、イラストが可愛い！イラストだけでなく、実際の画像も掲載することで更にイメージしやすい。
・[HOW TO RIDE]
ここの背景色も変えてコンテンツを区別。使用方法を3つのステップに分けて掲載。可愛いイラストを使用することでわかりやすい。各ステップも「会員登録」「借りる」「返却する」と言う短い言葉で伝えているので、理解しやすい。
・[HOW MUCH]
料金表を表にして大きく配置しているので、理解しやすい。月額料金0円の部分も大きく強調している。
・ リンクボタン

カラー

フォント
▷ 本文：游ゴシック体　14px 16px　
▷ タイトル：century-gothic　70px
▷ サブタイトル：游ゴシック体　18px
▷ gNav：century-gothic　16px

レスポンシブ
・ ヘッダーは上部に配置し固定。グローバルナビはハンバーガーメニューに格納されている。
SP版ではMVのすぐ下にキャッチコピーとインストールリンクボタン。
・ PC版では横並びのレイアウトを多く採用しているが、SP版では全部縦並びに変更されている。
・ 料金表はサイズは変えずに横にスクロールして確認できるようになっている。表が小さくなると見にくくなるため、そこの工夫が見られる。
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。