ShopifyストアをFigmaから完全再現｜DAILY オーガニック石鹸EC

月額アプリ費ゼロでランキング・レコメンド機能を自作実装

0

0

【概要】
オーガニック石鹸ブランド「DAILY」のECサイト構築。FigmaデザインカンプをもとにLiquidでテーマ開発を実施。ブランドの持つ「透明感」を表現するUI実装と、運用者がコードに触れずに更新できる管理画面設計を両立させました。

【こだわりポイント】
1. 追加費用ゼロでの機能拡張
月額課金アプリを使わず「ランキング」「レコメンド」機能をコードで自作。ランニングコストを削減しつつ、標準アプリ以上の柔軟な動作を実現。

2. 更新性を高めるSchema設計
画像・テキストをすべて管理画面から変更可能に設計。運用担当者がHTMLに触れずに更新できる環境を整備。

3. マイクロインタラクション
スクロール連動アニメーションやホバーエフェクトを実装し、心地よい購入体験を演出。

【技術詳細】
Dawnテーマをベースにヘッダー・商品セクションをほぼフルスクラッチで再構築。コレクションとメタフィールドを組み合わせた「動的ランキング」は、手動・自動のハイブリッド運用に対応。

【使用技術】
Shopify / Liquid / JavaScript / Figma（デザインカンプ参照）

制作者

「ストアに欲しい機能を足したい」「広告からの購入・問い合わせが測れていない」。
サイトの困りごとを整理し、必要な改修・計測設定までお引き受けします。

Shopifyの構築・改修を主軸に、WordPress・ノーコード（STUDIO・Wix）の既存サイト改修、LINE連携に対応する熊谷です。
広告計測はEC・LP・企業サイトが対象。
計測だけのご相談も歓迎です。

【実装と計測、両方の経験があります】

Shopifyは新規構築7店舗、細かな改修を含む対応実績30件超。
越境EC・BtoB卸売ECの構築経験があり、自社でも2ストアを運営しています。

Google広告・GA4・GTMの実務経験もあり、機能や見た目の修正に加え、購入・問い合わせをどう測るかまで考えて実装します。

【こんなご依頼に対応します】

・Shopify：新規構築・移行、Liquid改修、
　セクション追加、名入れ欄・配送設定などの機能追加

・WordPress：既存サイトの表示崩れ・不具合修正、表示速度の改善

・STUDIO・Wix：既存ページの修正、問い合わせまでの導線・フォームの見直し

・LINE：公式アカウントとサイトの連携、友だち追加への導線整備

・広告計測：GA4・GTMの設定、
　購入・問い合わせ・予約フォーム送信の計測点検と修正

LINEへのリンクのクリック計測も対応します。
利用サービスやタグの設置可否を確認し、実装できる範囲をご案内します。

【ご相談から納品まで】

専門用語や仕様書は不要です。
「使っているサービス」「困っていること」「希望する状態」をお送りください。
対応可否・費用の目安・納期をお返しします。

やり取りはテキスト中心、ご返信は24時間以内です。
範囲・費用・納期を合意してから着手し、変更内容と確認結果を添えて納品します。

LINE・メールの配信運用、広告運用代行、
常駐・週◯日の稼働契約はお請けしていません。