Street smart
Mercedes Benz
Mercedes Benzから発売したsmartの特設サイト。イラストレーターを起用したグラフィックトンマナを活用しながら、車種の性能を紹介するWebサイトのデザインに落とし込みました。
Smartの利用シーンや訴求軸ををカードのデザインに落とし込み、そのカードを選びながらユーザーがサイト内を回遊していく設計にしています。キービジュアル部分では画面右下の車のタイヤを回しカードを左右に移動させることで、まるでユーザーが車に乗りながらカード選びをしているようなイメージをつくりました。
サイトに遷移してきた瞬間すぐにTOPページが表示されるのではなく、導入のアニメーションを見てから遷移するように設計しています。細かいこだわりですが、ローディングアニメーションもカードのデザインをモチーフにすることで世界観を統一して作り上げました。