KIN BYOBU
EC SITE / ART & CULTURE
金屏風を、いまの暮らしの風景へ。
箔一の金屏風を紹介・販売するECサイト。金箔の表情や空間に置いた姿を大きな写真で伝え、作品の背景から仕様まで、じっくり確かめて選べる構成にしました。
DESIGN & EXPERIENCE
金箔の質感を感じ、空間に置く姿を想像し、作品を選ぶ。その流れを、大きな写真と読みやすい商品情報でつなぐECサイトです。
金箔の表情を引き立てる、黒と余白。
黒を基調に写真が際立つ画面を設計。屏風全体の佇まい、箔の繊細な表情、室内に置いた姿を見せることで、画面越しにも工芸の魅力が伝わるようにしました。
作品を知り、納得して選べる構成。
商品ページには、作品の背景に続いて素材・寸法・納期などを配置。大きさを伝える画像や実物を見られる店舗への案内も添え、購入前に確かめたい情報へつなげています。
- SCOPE
- ECサイト / 商品ページ設計 / レスポンシブレイアウト
工芸の魅力を、画面の向こうへ。
金箔の質感を感じ、空間に置く姿を想像し、作品を選ぶ。その流れを、大きな写真と読みやすい商品情報でつなぐECサイトです。
眺める時間から、選ぶ時間へ。
TOP・商品一覧・商品詳細へと進んでも、黒を基調とした世界観はひと続きに。写真を楽しみながら、気になる作品の情報を確かめていける構成です。
まず、作品の全体像を。
風神と雷神が向かい合う、一双の屏風。その構図と金の広がりを一度に見渡せるよう、作品全体を大きく見せています。細部を見る前に、まずは佇まいを伝えます。
金箔の表情を引き立てる、黒と余白。
黒を基調に写真が際立つ画面を設計。屏風全体の佇まい、箔の繊細な表情、室内に置いた姿を見せることで、画面越しにも工芸の魅力が伝わるようにしました。
作品を知り、納得して選べる構成。
商品ページには、作品の背景に続いて素材・寸法・納期などを配置。大きさを伝える画像や実物を見られる店舗への案内も添え、購入前に確かめたい情報へつなげています。
最初の一画面で、世界観を伝える。
TOPでは、季節や空間を感じる写真を大きく配置。言葉を重ねすぎず、屏風のある風景からブランドの世界へ引き込む導入を設計しました。
一覧でも、作品そのものを主役に。
商品一覧は、写真の背景や余白を揃えて構成。作品ごとの図柄や色合いの違いに目が向き、気になる一点を見つけやすい見せ方にしています。
空間に置いたときの大きさまで。
寸法の数字だけでは想像しにくい屏風の大きさを、人のシルエットと並べて伝えます。置く場所を思い浮かべながら検討できるよう、写真と仕様の間を補う情報です。
細部まで見たくなる、写真の力。
風神の描写や、背景に重なる金箔の表情。全体像とは違う距離の写真を添えることで、画面越しでも作品をじっくり眺められるようにしています。
ひとつの世界観で、サイト全体をつなぐ。
TOP・一覧・詳細に共通するのは、作品が際立つ黒と、写真を生かす余白。ページごとの役割に合わせて情報を整理しながら、全体の印象を揃えています。
