EC・フロントエンド実装実績

EC Demo / Frontend Implementation

Amber Room Coffee

自家焙煎コーヒーショップ（架空）のECフロントエンド実装デモ

商品一覧から購入完了までのEC体験を、サーバーなしのフロントエンドだけで実装したデモです。絞り込み・並べ替え・検索、商品ごとのオプション選択と価格の即時反映、カート、クーポン、送料無料までの進捗表示、入力チェック付きの注文フォームまでを作り込みました。

• カテゴリ・焙煎度・価格・在庫で絞り込み。条件はURLにも反映され、共有・再読み込みしても保持
• 容量やひき方を選ぶと価格が即時に変わる商品詳細。カートは再訪しても保持
• 数量変更・削除の取り消し、クーポン（AMBER10）、送料無料までの進捗バー
• エラー表示つきの注文フォーム。キーボード操作・スクリーンリーダー・モバイルにも対応

EC Demo / Frontend

Cotie — ナチュラル雑貨ECサイト

ナチュラル雑貨ブランド「Cotie」のECサイトデモ。商品一覧・商品詳細モーダル・カートドロワー・合計計算・トースト通知まで、実際のECサイトと同等のUI/UXをフルスクラッチで実装。レスポンシブ対応・スマホ表示にも対応。

実装機能：商品一覧グリッド / 商品詳細モーダル / カートドロワー / 数量管理 / 合計金額計算 / Lookbookセクション / ギャラリー / レスポンシブ対応