世界観をそのまま届ける。GARAGE COFFEEのECサイト再設計

client: GARAGE COFFEE
design, coding | cms: base | 2022

ガレージコーヒーのwebサイト

プロジェクト概要

宮崎市にあるスペシャルティコーヒー専門店「GARAGE COFFEE」のオンラインショップをBASEでリニューアル。ブランドの世界観と使いやすさの両立を目指し、導線設計の最適化、コンセプトページの追加、SEO・MEO対策、Instagramショップ連携を行いました。

目的・課題

既存のオンラインショップはデータが重く、新規顧客の離脱やリピート率に課題がありました。さらに、「お店の世界観やこだわりをもっと伝えたい」という想いから、ブランディング強化と集客導線の再設計が求められました。

提案した解決策・アプローチ

  • BASEテーマを厳選し、ブランドに合わせてカスタマイズ
  • 商品ページまでの導線を再設計し、迷わず購入できるUIに
  • ブランドの想いやこだわりを伝えるコンセプトページを新設
  • SEO・MEO対策を実施し、検索流入を強化
  • Instagramショップと連携し、SNSからのスムーズな導線を確保

デザインのポイント

白を基調としたシンプルでミニマルなデザインに、コーヒー豆や店舗写真などをアクセントに使用。スマートフォンユーザーを意識した直感的なナビゲーション設計で、初めて訪れる方でもストレスなく購入まで進める構成にしました。

制作プロセス

  • クライアントとのヒアリングを重ね、ブランドの価値観を明確化
  • BASEテーマ選定からカスタマイズまで一貫して対応
  • テキスト・写真の整理と情報設計
  • SNS連携や検索対策を施した運用支援も実施

制作後の展開

リニューアル前は売上がほぼゼロに近かったオンラインショップが、コンスタントに売上を上げられるように改善。
さらに、Instagramショップとの連携によってSNS経由の訪問者が増加し、実店舗への来店にもつながるなど、オンラインとオフラインが好循環する仕組みが生まれました。

▼ 関連するプロジェクトはこちら
手に取って伝わる上質感。GARAGE COFFEEのブランドリーフレット
コーヒーとデザインが織り成す世界観。GARAGE COFFEEのブランディング実績4選

GARAGE COFFEE 公式ホームページ ↗︎