本文へスキップ
Works一覧に戻る

Design Sample — Coffee

蔵珈琲

京都・老舗喫茶の自家焙煎珈琲を題材にした制作サンプル。ブランド設計からShopify構築まで、STARTプランの品質を実際のストアでご覧いただけます。

Shopify自家焙煎珈琲ブランド設計
デモサイトを見る

プレビューパスワード:kura

蔵珈琲のサイトデザイン

Challenge

課題

  • 1

    京都で長年愛される老舗喫茶の自家焙煎豆。常連には知られているが、オンラインで買う手段がなく、遠方のファンや新規客に届かない。

  • 2

    豆の個性(産地・焙煎度・味わい)が店頭の口頭説明頼みで、ネット上では「どれを選べばいいか分からない」。

  • 3

    “ちゃんと売れるオンラインの入口”がない。EC立ち上げそのものが最初の壁。

Solution

解決策

  • Shopifyでクリーンな自家焙煎ECを立ち上げ。ロゴの紺×生成り×明朝で、老舗喫茶の落ち着いた世界観をそのまま画面に。

  • 商品ページに産地・焙煎度・味わいチャート・おすすめの淹れ方を明記し、「迷わず選べる」導線に。

  • 創業と焙煎へのこだわりのブランドストーリー+レビューで信頼を醸成。まずは“売れる基本形”を最短距離で。

Gallery

UI・ブランドデザイン

蔵珈琲 トップページのUI
トップページ
蔵珈琲 商品一覧のUI
商品一覧
蔵珈琲 ブランドストーリーのUI
ブランドストーリー
蔵珈琲 カート・購入のUI
カート・購入

Design

設計のポイント

デザイン

老舗喫茶EC

紺×生成り×明朝

構築

Shopify

8商品・焙煎度で選ぶ導線

プラン

START相当

「つくる」の基本形

ブランド設計Shopify構築商品ページ設計オリジナルデザイン

Free EC Check

まずは、無料EC診断から。

Shopifyが最適か、費用はいくらか、何から始めるべきか。5分の入力で、あなたのブランドに必要な答えをお返しします。

無理な営業は一切ありません

LINE追加無料EC診断