コンセプト作品 ・ 雑貨・ライフスタイル
TOKI（ライフスタイルブランド）
架空の事業者を想定して制作したデモサイトです。実在の企業・店舗とは関係ありません。
ライフスタイルブランドを想定したECサイト。世界観を伝えながら、カートから決済までの流れを再現しています。
想定した課題
ブランドの世界観に共感し、「モノ」以上の体験として買い物を楽しむ方に向けて、世界観を伝えることと、ネットショップとしての使いやすさ（カート・お支払い・在庫）を両立させる必要がありました。
- 想定したお客さま：丁寧な暮らしを好む30〜40代の方
- サイトのゴール：商品の購入（注文の確定）
設計のポイント
ブランドの世界観を軸にしながら、商品一覧はカテゴリ・価格帯・在庫の有無で絞り込めるようにしました。カートに入れた商品はページを読み込み直しても残り、在庫切れの商品の表示やクーポンの適用まで、実際のお買い物の流れを再現しています。
使った技術
- Zustand によるカートの状態管理（リロード後も保持）
- Stripe テストモード相当の決済フロー
- 在庫切れのUI制御・クーポン適用ロジック