Works
NHE
Artisan Brand Store Build
Year
2025
Role
ストア構築・動きの演出・UI実装
Industry
Fashion / Bags（EC）
Overview01
NHE
ベトナムの職人がひとつひとつ手編みする
バッグのブランド「NHE（ニエ）」。
ベトナムの職人技と日本の洗練された美意識の
出会いをテーマにしたオンラインストアを、
Shopify でフルカスタムで構築しました。
デザインのベースは現地ベトナムのデザイナーに
よるもので、動きの演出と UI の大部分の実装を
担当しています。
Overview02
トップでは、写真にカーソルを重ねると
写真と文章が左右に入れ替わり、別の写真へ
ゆっくりクロスフェードします。
写真の上では透明なヘッダーが、スクロールに
合わせて隠れたり、白いヘッダーになって降りてきたり。手仕事の静けさを、動きでも伝える構成にしました。
Overview03
商品ページは、商品情報を固定したまま写真だけが
スクロールし、カラースウォッチから色違いの商品へ
そのまま移れます。サイズと素材はタブで切り替え、
日本語と英語の2言語に対応。売上の一部は、
ベトナムの少数民族の女性たちによる伝統的な
手織りの村を支援する Empower Women Asia に
寄付されています。
Details
写真にカーソルを重ねるたびに、
写真と文章が左右に入れ替わり、
別の写真へゆっくりクロスフェードします。
写真の上ではヘッダーを透明に、文字を白に。
下へスクロールすると隠れ、少し戻すと白いヘッダーが降りてくるので、写真を邪魔せずにいつでもメニューへ戻れます。
商品情報を画面に固定したまま、
写真だけがスクロール。
商品情報を画面に固定したまま、写真だけが横にスクロール。
商品詳細はタブ切り替えで表示、スクロール負荷を軽減。