日本のECサービス(在籍 2019–2020)

Choice Japan

  • 自主制作コンセプト・未リリース

ステータス:自主制作コンセプト・未リリース

担当:モバイル/デスクトップUI、ワイヤーフレーム、グラフィック、キャラクター、3D(モデリング〜モーション)、キャンペーンビジュアル

画面内の商品・ブランドはデザイン用の表示例です。

Choice JapanでのEC経験をもとに、商品を選ぶ場面を軸として組み立てたECのコンセプトです。選ぶ動きを見せるインタラクションから、モバイル・デスクトップの画面、おすすめバッジやキャンペーンバナー、キャラクターと3Dまで、自分で制作しています。

モバイル、タブレット、デスクトップ画面にクレーンと商品画像を配置したECコンセプト画面

01 — つかんで、選ぶ

キュレーションカードでは、クレーンが商品をつかみ上げるたびに、次のおすすめ商品へ切り替わります。「選ぶ」という行為を、つかんで持ち上げる動きとして画面の上で見せています。

クレーンが商品をつかむキュレーションカード
黒い猫の顔、青いクレーン、黄色い円形オブジェクトで構成したモチーフボード
クレーンと猫のモチーフボード

02 — コンテンツから商品まで

ブランドコンテンツから商品詳細まで、デスクトップとモバイルを同じグリッドで組んでいます。読む画面と買う画面を切り分けず、ひとつの流れとしてつなぎました。

同じグリッドで組んだデスクトップとモバイル
ブランドコンテンツから商品詳細へ
商品画像、価格、購入情報を縦画面に配置した商品詳細UI

03 — バッジとキャンペーン

おすすめを示すバッジは一組のセットとしてデザインし、商品に添えて繰り返し使える共通のマークにしました。キャンペーンバナーは、モバイルとデスクトップに向けて複数のパターンを制作しています。

BESTの文字と猫のモチーフを組み合わせたおすすめバッジ
おすすめバッジ
モバイルとデスクトップ向けのキャンペーンバナーを複数の端末画面に配置した構成
モバイル・デスクトップ向けキャンペーンバナー

04 — キャラクターと3D

黒猫のキャラクターはモデリングから自分で制作し、ライティング、レンダリング、シーン構成、モーションまで手がけました。のちに個人の3D制作として、商品プロモーションの場面へも広げています。

キャラクターモーション。途中でワイヤーフレームを表示
ギフトボックス、カート、コインとキャラクターを配置した3D商品プロモーションのシーン
商品プロモーションへの展開(のちの個人3D制作)