Fleur Sereine

制作概要

ドライフラワー専門店「Fleur Sereine」のECサイト構築。デイトラShopifyコースの卒業課題として制作。
無料テーマDawnをベースに、CSSによるデザイン調整と、Shopify Flowを用いた在庫管理の自動化を実装しました。

※あくまでデモサイトのため作成していないページや画像の設置箇所に違和感あります。

こだわりポイント

1. Shopify Flowによる業務自動化
「在庫数が10個以下になったら自動通知」というワークフローを組み、在庫切れによる機会損失を防ぐ仕組みを構築しました。

2. 日本向けローカライズ（UI改善）
海外製テーマ特有の「姓名の順序」や「住所入力欄」を日本商習慣に合わせて修正。
フォントも日本語（Shippori Mincho）に調整し、違和感を排除しました。

3. アプリによる機能拡張
「Judge.me（レビュー）」や「Search & Discovery（検索・レコメンド）」を選定・導入し、
ユーザーの購買決定率を高める機能を実装しました。

技術メモ

ノーコード構築を基本としつつ、テーマエディタでは設定できない細部はCSSで調整（Powered by Shopifyの削除、フォントサイズ調整など）。特にアコーディオンFAQや、メタフィールドを活用したタブ切り替えなど、情報の整理整頓に注力しました。

プロセス

課題・背景

無料テーマ「Dawn」でのブランド世界観の確立

クライアントからの要望は、コストを抑えるために無料テーマ『Dawn』を使用しつつ、既製品っぽさを払拭した「洗練されたドライフラワー専門店」を構築すること。また、デザインだけでなく「在庫切れ通知」や「レビュー機能」など、実店舗のような接客・管理機能をEC上で実現する必要がありました。

設計・判断

「世界観」を守りながら「運用」を楽にする設計

ターゲットである「忙しい30代女性」に癒やしを届けるため、サイト全体を「Fleur Sereine（穏やかな花）」の名に相応しい落ち着いたトーンで統一。一方で、運営者の負担を減らすため、手動管理になりがちな「在庫管理」や「レビュー依頼」をアプリと自動化ツール（Flow）で仕組み化し、少人数でも回るストア運用を設計しました。

実装・構築

Shopify Flowを活用した「業務自動化」の実装

デザインのカスタマイズに加え、バックエンドの仕組み構築に注力しました。『Shopify Flow』を導入し、在庫が10個を下回った時点で運営者にSlack/メール通知が届くワークフローを構築。また、商品ページには『Judge.me』でレビュー機能を、『Search & Discovery』で絞り込み機能を実装し、ユーザーが迷わず購入できる導線を整備しました。