LET'S FOUR ME

Overview

LET'S FOUR ME は、ミニ四駆のドレスアップ作例・限定カラー・メッキボディを収蔵する体験型アーカイブサイトです。 単なるギャラリーではなく、未来研究所のデータベース端末を操作しているような世界観を目指しました。

ユーザーが「探す」「切り替える」「拡大して観察する」という操作を自然に行えるよう、視覚演出と実用UIのバランスを調整しています。

Role & Deliverables

• 未来研究所・ブループリント・90年代ホビー誌感を組み合わせた世界観設計
• ドレスアップ / 限定カラー / 限定モデル / メッキボディのカテゴリ構造設計
• 世代フィルター、A-Zソート、LIST / ICON表示切替のUI実装
• モーダル内での画像切替、ズーム、ドラッグ、ピンチ操作の実装
• ホログラム再描画、オープニングアニメーション、ネオン発光などの演出設計

Design Point

一番大切にしたのは、子どもの頃に感じた「マシンを見ているだけでワクワクする」感覚です。 その気持ちをそのままWeb上に持ち込むため、UIは実用的でありながら、背景・発光・スキャンライン・ホログラム演出で“研究所の端末”らしさを強めています。

また、情報量が多くなっても迷わないよう、カテゴリ分け・フィルター・ソート・モーダル内カウンターを連動させ、現在見ている範囲の中だけで前後移動できるようにしました。

Screens

Result

完成したのは、ミニ四駆を一覧表示するだけのサイトではなく、収蔵された資料を未来研究所の端末で呼び出していくようなアーカイブ体験です。 フィルターやソートで探しやすさを確保しつつ、モーダルの拡大観察やホログラム再描画演出によって、1台ずつ見ていく楽しさを高めました。

コレクション性、資料性、操作の楽しさを組み合わせることで、ポートフォリオ内でも強い個性を持つ“体験重視型サイト”として仕上げています。