cepolab|コスメECをShopifyで新規開設した制作事例

11mm編集部
業種
美容
ご依頼種別
新規オープン
構築タイプ
一部カスタム
開発目安
約100万円

「予算は抑えたいが、ブランドの世界観は守りたい」――韓国で累計600万本を販売したバイオビューティーブランドが、EC未経験の状態から日本向けECサイトを立ち上げた事例です。

テンプレートを土台にファーストビューのパララックスと大見出しのアニメーションを実装し、静的なレイアウトに奥行きと動きを加えています。マインドマップを使ったページ構成の整理、メタフィールドを活用した商品情報設計、Shopify Formsによる会員登録施策まで、ECサイト構築に必要な要素を一貫してサポートしました。

デザインコストを抑えながらプレミアムブランドの印象を損なわない設計で、「何から手をつけるか」の整理も含めてゼロベースで立ち上げています。

c
cepolab

ECサイトの開発・運用は初めてでしたが、丁寧にヒアリングしてもらえたおかげで、不足していた点を補いながら、スムーズにリリースができました。リニューアル後も的確なアドバイスをいただけ心強いです。

低予算でありながら、ブランドイメージを形にしたい

パララックスの実装例

TOPページのファーストビューにパララックスを採用し、個別ページの大見出しにアニメーションを実装することで、静的なレイアウトに奥行きと動きを加えています。

テンプレートの範囲内でできる表現を最大化し、コストを抑えながらプレミアムブランドの印象を損なわない設計にしました。

ECサイトを一から立ち上げる

ECの運用経験がないなかで「何から手をつければよいか」というところから、一緒に整理しています。

どのようなページが必要かわからない

マインドマップを使ったページ構成の定義

ブランドとして伝えたいことをマインドマップで整理していただきました。

マインドマップの2階層目をページとして定義し、3階層以降をそのページのセクションに落とし込む設計手法を採っています。

ブランドストーリー・核心原料・製造背景など、コスメブランドに必要なコンテンツが体系的に整備され、商品ページ以外でブランドの背景を伝えられる構成に仕上がりました。

商品情報に何を記載すればよいかわからない

商品ページのカスタマイズ例

要件定義で商品の訴求ポイントを整理したうえで、Shopifyのメタフィールドを活用して商品情報をカスタマイズしました。

「CLEPS®を92.8%と高配合」「たった5つの成分で構成」といったブランドの核心的な訴求は目立つ位置に配置し、容量・肌タイプ・使用期限などのスペックは別フィールドとして整理。

購入を検討するお客様が「この商品は自分に合うか」を迷わず判断できる情報設計にしています。

日本市場での新規顧客獲得 ― 広告費を抑えてリストを積み上げる

Shopify Formsを使った顧客獲得施策

競合が多いコスメ市場では広告単価(CPA)が高くなりやすく、新規獲得コストがかさみます。広告だけに依存せず、会員登録で初回限定の特典を受け取れる仕組みを提案・実装しました。

Shopify公式アプリ「Forms」を活用し、サイト下部にフローティングボタンとして設置しています。

ページを回遊しているお客様に購買意欲が高まったタイミングで訴求できるため、広告費をかけずに顧客リストを積み上げながら、広告出稿時の費用対効果(ROAS)改善にも寄与する設計です。

よくある質問

ブランドサイトの立ち上げに加えて、ページ構成の整理、商品情報の設計、会員登録導線の実装まで一貫して対応しました。EC運営が初めての状態から、何から手をつけるかの整理も含めてサポートしています。