【学習課題】ShopifyストアをFigmaから再現｜DAILY 石鹸EC

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

0

0

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

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

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

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

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

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

制作者

新潟を拠点に、Shopifyの構築・改修を行うKuma.Codeの熊谷です。

広告運用の実務経験をもとに、商品を探して購入するまでの導線と、公開後の更新・計測を考えながら制作しています。

対応内容は、Shopifyのテーマ構築・Liquid改修、商品ページやカートの調整、多言語表示、注文時の入力機能、配送日時の引き継ぎ、GA4・GTMなどの計測設定です。Webサイト・LPの制作にも対応しています。

実案件では、タイ向け越境EC、会員審査・取引先別価格を扱う卸売EC、写真やコメントを指定する注文機能などを担当しました。事例ごとに、自分の担当範囲とお客様・他担当者の担当範囲を明記しています。

やりとりはテキストを中心に、確認用URLと変更点をまとめて共有します。公開後の更新方法や、設定変更時の確認手順も整理してお渡しします。

【費用の目安】
Shopify新規構築 39,800円〜
セクション追加・機能追加 2.5万〜5万円
購入計測の点検と修正 1.8万円〜
保守（公開後の修正と相談） 月1.5万円〜

ご返信は24時間以内です。範囲・費用・納期を合意してから着手し、変更内容と確認結果を添えて納品します。
LINE・メールの配信運用、広告運用代行、常駐はお請けしていません。

制作実績は、実案件・自主制作・学習課題を区別し、担当範囲を添えて紹介しています。