乗り物

Uber Design

海外／UBERのサイト。動画を取り入れたバナーが目を引きます。マウスオーバーしたときのグラデーションの動きが心地よいです。余計な飾りがないので情報を引き出しやすいです。

https://www.uber.design/

The New Panamera

海外／再設計された車の紹介サイト。車のイメージを最優先に考えデザインされています。すべての写真がクオリティー高く見ている人を惹きつけます。また見出しの付け方、奥行の出し方がとても優れています。レスポンシブデザイン。

https://theporschepanamera.com/

富士山静岡空港

空港／富士山静岡空港の公式ウェブサイト。イラストとカラーナビゲーションでカテゴリーを別けています。親しみやすいイラストでわかりやすいです。ウィンドウ幅が狭いときはアイコンに優先順位が付きユーザーの気持ちを理解しています。レスポンシブデザイン。

http://www.mtfuji-shizuokaairport.jp/

光岡自動車

会社／中古車・輸入車販売店。車のイメージを伝える動画がかっこ良いです。特に斜めのラインを入れたレイアウトはユニークでスタイリッシュな感じが伝わります。レスポンシブデザイン。

http://www.mitsuoka-motor.com/

MINI Japan

乗り物／車のメーカーサイト。写真の見せ方が上手く車の魅力がよく伝わります。またシングルタスクなので画面を見たときの情報量が多くなく、伝えたい情報をしっかりと伝えています。レスポンシブデザイン。

https://www.mini.jp/ja_JP/home.html

Voitures de Collection - Hess Classic depuis 1946

海外／1946年からのクルマのコレクションサイト。車好きの人なら一目見ただけで惹きつけられるであろうクラシックカーが、シンプルなレイアウトで表現されています。車の写真を邪魔しないデザインが素晴らしいです。レスポンシブデザイン。

http://www.hessclassic.com/

【指定】大泉自動車教習所

ライセンス／東京都にある自動車教習所のウェブサイト。スマホ、タブレット、PC、どのデバイスで見ても綺麗にデザインされています。教習コースのイラストの中にボタンがあり遊びのあるデザインです。車が動くところを面白いです。レスポンシブデザイン。

http://www.ohizumi-ds.jp/

Gogoro - Introducing the world's first and only Smartscooter™

海外／小型バイクのメーカーサイト。性能については、様々な角度から説明されていて目を引きます。エネルギーの流れを光のLINEで表現したり、部品をすべて分解したものを公開したりと紹介の仕方がかっこいいです。レスポンシブデザイン。

http://www.gogoro.com/smartscooter/faster

Model S | テスラモーターズジャパン

乗り物／高度な技術で作られた自動車メーカー（テスラ）のサイト。画面を開いた瞬間に自動車の素晴らしさが伝わってきます。イメージ写真→技術の紹介という流れも、ユーザーの興味とあっていて違和感なくコンテンツが入ってきます。レスポンシブデザイン。

http://www.teslamotors.com/jp/models

南海電鉄

乗り物／南海鉄道のウェブサイト。最近様々なデザインのウェブサイトが出ていますが、オーソドックスなスタイルが一番見やすかったりします。スマホでの閲覧はまた別ですが、PCだと目が慣れているので情報を探しやすいです。

http://www.nankai.co.jp/