見出し画像

S.RIDE株式会社 #1日1サイトレビュー

【概要】
・事業内容:タクシー事業者等に向けた配車ソフトウェア・システム他の企画・サービス提供
・ターゲット予想:移動時間をより短縮する為に、よくタクシーを使うビジネスマン

【印象】
・中田英寿さん、花江夏樹さんをファーストビュー画像に起用している
・白黒写真にアクセントカラーの黄色が効いている
・文字が表示されるときのアニメーションに統一感がある

【トップページ構成】※上から順に
・HEADER
・FV
・MOVIE
・NEWS
・WHAT’S S.RIDE
・01. Simple UI/UX
・02. HOW TO USE
・03. RIDE Program
・04. AREA
・アプリダウンロード誘導セクション
・FOOTER

【ファーストビュー】
・中田英寿さん、花江夏樹さんを起用していて、「できる男感」または「これはなんかすごそうだな感」がある
・5枚の写真を4秒毎にフェードイン / アウト
・写真を見ればタクシーを呼んで、移動しているのが分かる

【キャッチコピー】
・仕事に勝つタクシーアプリ。 S.RIDE

【コンテンツ】
・FVの下に中田英寿さん、花江夏樹さんのそれぞれのインタビュー動画を配置。クリック or タップするとモーダル(YOUTUBE)が表示され、著名人の力をうまく活用してこのサービスの魅力を伝えている

・アプリダウンロードボタンはFV下部とFOOTERの上あたりに表示、その間に魅力を伝えるゾーンがある

・WHAT’S S.RIDEから下は、アプリ使用時のSP画面の画像や動画を配置しながら、より分かりやすくイメージできるようにしている

・FOOTERの上の背景画像は、FVで使っていた画像を曇らせたような加工をしてる状態で画像が切り替わる

【カラー】
・メインカラー(画像、FOOTER):ブラック(#000000)
・ベースカラー(背景色):濃いグレイ(#1B2125)
・アクセントカラー(ボタン、重要文言):黄色(#E4FF01)
・フォントカラー:ホワイト(#FFFFFF)

【フォントファミリー】
・すべて:"Hiragino Sans"

【レスポンシブ】
・ハンバーガーメニューはPC、SPともにずっと右上に設置されている
・レイアウトは画面幅768px以下ではほぼ縦一列になっている

この記事が気に入ったらサポートをしてみませんか?