WORKS

USUI×CR-X MUGEN PRO.2

サーキットにてタイムアタック活動をしている臼井(うすい)様のマシン「ホンダ CR-X」の紹介サイトを制作致しました。コンセプトは「走って速い、見せて美しい」。この両方の視点をわかりやすく解説しています。ドライバーでありビルダーであるので、車のチューニング作業依頼もできるようにSNSリンクも追加しています。

ターゲット

カスタムカー好きの20代〜50代の男性

チューニング・カスタムの作業を依頼したいお客様

目的

走行会・タイムアタックイベント・ショーカーイベント以外の手段でオーナーと車を認知してもらうため。(主に海外向け)

ショーカーイベントにてより詳細な仕様を参加者に知ってもらい、これからカスタムカーを作りたい・乗りたい人に参考にしてもらう。

チューニング・カスタムの新規顧客獲得

情報設計

主にサーキットでのタイムアタック活動が主なので見せるより走るを重点的に置いたので、サーキット走行に重要な足回りやエンジン周りを中心にコンテンツを制作しました。各サーキットのベストタイムを載せることにより、サーキットユーザーに向けて速さをより明確に伝えるようにしました。反対にショーカーユーザーにもサーキットの雰囲気を知ってもらうために走行中・ピット内の写真を厳選して10枚載せました。

デザイン

動き・スピード感・カッコ良さを見せるために各セクションのタイトル背景に斜線を引きました。また、力強さや存在感を表現するために英字フォントにはワイドタイプのゴシック体を使用しました。外装セクションにはアニメーションを使用し、横から出てくるシーンや塗装の塗りつぶしシーンを巧みに表現しました。ベースカラーには車体内装色と同じブラック、メインカラーには外装色と同じ黄色を使用し、実際に車を間近で見てるような体験をしてもらう配色にしました。

担当範囲

企画 / 写真撮影 / デザイン / コーディング

制作期間

企画:2週間 / ワイヤーフレーム・デザインカンプ:3週間 / コーディング:1ヶ月

使用ツール

PhotoShop / Illustrator / Lightroom / Figma

使用言語

HTML / CSS / JavaScript(JQuery / GSAP3)

PC

SP