microCMS制作 ECサイト 大洋珈琲

こだわりポイント概要

• クライアント：大洋珈琲（大阪市中央区谷町、1959年創業の自家焙煎珈琲店）
• 依頼内容：老朽化したWebサイト・ECシステムの緊急リニューアル
• 担当範囲：要件整理・システム設計・デザイン・コーディング・EC構築・SEO対応
• 制作のポイント：保守負担を最小化する構成／個人情報リスクの切り離し／10年使える設計

大洋珈琲さまは、大阪市中央区谷町で1959年から営業を続ける自家焙煎珈琲店です。ブルーマウンテンNo.1やブルボンアマレロ、有機栽培の東ティモール産など豆のラインナップが豊富で、お客様の好みに合わせたオーダー焙煎やコーヒーギフトにも対応されています。長年培われた焙煎技術と豆選びへのこだわりが、多くのファンを持つ理由です。

突然の危機:制作会社の廃業とデータ消失リスク

ご相談をいただいた時点で、以前契約していた制作会社はすでに事業を停止しており、「ドメイン以外のデータがすべて失われている」という緊急性の高い状況でした。サイトがいつ消滅してもおかしくない中でのスタートです。

さらに調査を進めると、単なるデータ消失以上の課題が見つかりました。WordPress本体・プラグイン・PHP・データベースがすべて古いバージョンのまま稼働しており、動作していること自体が奇跡に近い状態でした。加えて、脆弱なサーバー上には個人情報を扱う古いショップシステムが同居しており、管理権限も手元になく、大洋珈琲さまご自身も自社サイトの状況を正確に把握できていない、というリスクの大きい状態でした。

方針:「10年使えるホームページ」という設計思想

この状況を踏まえ、湖と月デザインでは「10年使えるホームページ」を今回のリニューアルの軸に据えました。具体的には次の3点を重視しています。

1. システムアップデートの負担がなるべく発生しない、健やかな構成にすること
2. 一時的な流行に左右されず、長く使い続けられるデザインにすること
3. 商品ページを大洋珈琲さまご自身の手で無理なく編集できるようにすること

デザインとシステム:モダンレトロと持続可能な運用

デザイン面では、最新の派手さを追うのではなく、お店の歴史や温かみを反映した「モダンレトロ」なトーンでまとめました。大洋珈琲さまが本来持つブランドイメージに寄り添う方向性です。

システム面では持続可能な運用を最優先しました。コンテンツ管理には「microCMS」を採用し、WordPressのような継続的な保守・アップデート対応を最小限に抑えています。日々の更新のしやすさは維持しつつ、専門知識を要するセキュリティ管理の手間を大幅に軽減しました。

ECシステムには、自社でデータベースを持たない「BASE」を採用しています。以前のように古いサーバーに顧客情報が蓄積されるリスクを排除し、決済・個人情報の管理を信頼できるプラットフォームに委ねる構成へと刷新しました。これにより、大洋珈琲さまも制作側も個人情報を直接抱え込むことなく、運営に専念できる体制を整えています。

あわせて商品ページにはJSON-LDによる構造化マークアップを実装し、Google検索結果に価格や商品詳細が適切に表示されるよう、内部構造からSEO対応を行っています。

リニューアル後の反響

公開後、サイトは「大洋珈琲さまらしさ」がより明確に伝わる場所になりました。新しくなった商品ページはリニューアル直後から動き出し、公開直後から実際の販売につながる反響を得ています。

• 制作会社の廃業に伴うデータ消失・サーバーリスクへの緊急対応
• 個人情報を自社で抱えないEC構成への刷新(BASE採用)
• microCMS採用による、保守負担の少ない持続可能なシステム設計
• JSON-LDマークアップによる検索結果表示の最適化

老舗店舗のホームページには、同様に「制作会社との連絡が取れなくなった」「古いシステムのままでセキュリティが不安」といったケースが少なくありません。同様の課題を抱えている店舗・事業者の方は、一度ご相談ください。