#1日1サイトレビュー【30】つばめタクシー採用サイト

つばめタクシーさんの採用サイト！スタイリッシュでおしゃれです。

【概要】

つばめタクシーの採用サイト

【ターゲット】

就職活動中の学生さんにタクシーのお堅いイメージを脱却したい。

【メインビジュアル】

全体的に青。青いツバメメイクのお兄さんの画像が印象的。
画像が流れるように切り替えるムービーが走らせてるイメージ。
「DRIVE CRIEATIVITY 想像力を、走らせろ。」のキャッチコピーを背景に大々的に表示。
NavにEntryボタンがあり、すぐ応募フォームに飛べる。

【デザイン・レイアウト】

グリッドに沿ったレイアウト。背景に青い四角の図形をずらすことであしらいを。
MOREボタンは丸い形で統一。
テキストとタイトルは写真の上にのせている。写真の下部分に暗いグラデーションをのせることで視認性を下げないでいる。
フッター部分にはメールフォームと電話・SNSを表示。

【フォント・カラー】

①#0089cd
②#fff
③#000

Fjalla One→英字部分
メイリオ→日本語部分
Sans self→ボタン部分・コピーライト

【全体の動きとか】

スクロールするとコンテンツが下から上に浮かび上がる仕組み。
Navをホバーすると下から上に日本語表記が出てくる。

【レスポンシブ】

Navはハンバーガーメニュー、レイアウトは全て縦並び。
メインビジュアルの写真と文字の位置が前後入れ替わっている。
Navのハンバーガーメニューを開いた表記は英語の下に薄いグレーで日本語。