コスメブランドのShopify商品販売LPを設計・コーディング・実装
■制作範囲 ・LP設計/HTML・CSS・JavaScriptコーディング(フレームワーク不使用) ・レスポンシブ対応(PC/タブレット/スマートフォン) ・Shopifyテーマ組み込みを想定したLiquidセクション化(商品ピッカー、割引率の自動計算、カートパーマリンクによる購入導線) ■実装セクション 商品紹介/セール価格表示(カウントダウン付き)/商品説明/商品特徴/アイコン付き説明/CTA/関連商品/フッター ■実装のポイント ・スクロール連動のフェードイン、スマホ用追従CTAバーなどの演出をJavaScriptで実装 ・画像はすべてSVGで自作し、外部画像に依存しない軽量な構成 ・納品後もShopifyの管理画面から文言・価格・商品を変更できるセクション設計 ※掲載している商品・価格・効能はすべて架空のものです。