TheeTrio 様 

"神戸で15年以上にわたり、Art & Fashionの融合を追求する「TheeTrio」様の公式ECサイトを Shopify で制作しました。"

「一人ひとりの独自の好みに合わせたライフスタイルのコーディネート」というコンセプトを軸に、オンライン上でもブランドの世界観と価値をしっかりと伝えるサイトを構築。完全予約制という特別な体験を、ウェブサイトを通じて適切に訴求できるよう設計しました。

デザインコンセプト

アートとファッションが調和する空間を表現するため、全体をダークグレー基調に統一。ミニマルなデザインの中に心地よさと温もりを宿し、洗練されたタイポグラフィを採用しました。余白を広めに設計し、商品や空間の美しさが静かに流れるような構成を採用。インダストリアルなアトリエ空間、抽象的なアーチ構造のトランジション、マゼンタのアクセントウォールなど、ブランドの世界観を体現するビジュアルを中心に配置し、閲覧者が「この空間で選びたい」と感じられるブランド体験を重視しています。

インタラクティブな扉アニメーション

スクロールをトリガーに動く扉を配置し、ユーザーがスクロールすると扉が開き近づく→中に店舗の様子が現れ、さらにスクロールすると前に進む→次のセクションに遷移するという、没入感のある3D空間体験を実現しました。この独自のアニメーションにより、実店舗の再現ではなく、オンライン上の店舗のイメージとして「もう一つの店舗」を作成。オンラインならではの空間体験を創出し、ブランドの世界観をより深く伝える仕組みを構築しています。

完全予約制アトリエの価値訴求

"対話からスタイリングを構築する"

このコンセプトを軸に、完全予約制のアトリエ体験を丁寧に紹介。お客様との会話を通じて、一人ひとりに合わせたコーディネートやギフト選びを共につくり上げていく価値を、日本語と英語の両方で表現。限られたお客様のみご案内する特別感を、洗練されたレイアウトと写真で伝えています。

スマホファースト設計

購入者の多くがスマートフォンから閲覧することを想定し、縦スクロールで読みやすいストーリーレイアウト、タップしやすい商品リストと購入ボタン、決済完了まで迷わない導線設計など、「スマホで選びやすい」ことを最優先に最適化しました。

機能・運用面

Shopify によるスムーズな決済・在庫管理、CMS運用により「お知らせ」「スケジュール」「予約情報」の更新が容易、商品ページからカートまでの導線を最短化。アトリエのストーリーと価値をそのまま届けられる"顔となるサイト"として、長期的に運用しやすい設計を心がけました。

公開URLはこちら

https://theetrio.com/