CASE STUDY

Eanbe

Eanbe
CLIENT / ROLE
学習課題(デイトラ)
ストア構築 / アプリ選定 / デザイン調整
種別:Shopifyストア構築 / メディアEC期間:2週間
TECH STACK
ShopifyAppCSS
ACCESS
333
デモ閲覧時は上記パスコードを入力してください。
実際のサイトを見る

制作概要

アロハシャツブランド「Eanbe」の公式サイト構築。無料テーマDawnをベースに、ノーコード(テーマ設定+アプリ)での構築を行いました。CSSによるデザイン調整とアプリ導入により、アパレルECに必要な機能とブランドイメージを低コストで実現しています。

こだわりポイント

1. ノーコードに見えない世界観作り
フォント設定や余白の調整、CSSによる微調整を重ね、無料テーマ特有の「安っぽさ」を抑えることができました。

2. メディアミックスなサイト構成
「Concept」や「Journal」セクションを重視し、
ブランドストーリーを直感的に伝えるレイアウトを標準セクションの組み合わせで実現しました。

3. アパレル特有のUI実装
「Search & Discovery」アプリ等を活用し、サイズ・カラーごとの絞り込みや、関連商品のレコメンド機能を実装しました。

技術メモ

ベースはDawnテーマを使用。「Search & Discovery」などのShopify公式アプリを中心に構成し、
動作の軽快さと互換性を担保しています。どうしても標準機能で表現できない細部のデザインのみ、カスタムCSSで調整を行いました。

プロセス

課題・背景

無料テーマ「Dawn」での独自性確立への挑戦

クライアントの要望は、コストを抑えるために無料テーマ『Dawn』を使用しつつ、テンプレート感のない「自由で開放的なアロハシャツの世界観」を表現すること。また、アパレル特有の「サイズ・カラー展開」や「頻繁な情報発信」を、専門知識がないスタッフでも簡単に管理できるバックエンド環境を目指しました。

設計・判断

「買う」だけでなく「読む」ECサイトへの転換

単なるカタログサイトではなく、ブランドの想いやアロハシャツの文化を伝える「メディアEC」としての設計を行いました。トップページに「Journal(ブログ)」や「News」を大きく配置。ノーコードの標準セクションを組み合わせることで、雑誌のようなレイアウトを再現し、滞在時間を延ばしてファン化を促す動線を作りました。

実装・構築

アプリ活用による「機能拡張」と「運用効率化」

標準機能では足りない「ウィッシュリスト(お気に入り)」や「絞り込み検索」を、最適なアプリ選定によって実装しました。また、ブログ記事(Journal)と商品を紐付けることで、読み物から自然に購入へ繋がる導線を設計。これら全てをノーコードで完結させ、メンテナンスコストを極限まで下げています。

成果・反響

無料テーマと公式アプリの組み合わせで、タグ管理によるニュースの出し分けや絞り込み機能をノーコードで実装。運用者だけで更新を続けられる構成にしました。

CONTACT

同じような構成を検討中の方へ

同じような構成のサイトを検討中の方は、要件が固まっていない段階でもご相談いただけます。

相談無料・24時間以内に返信します