Sugar Alice / Cake Shop Demo

架空のケーキショップ「Sugar Alice」を題材に、スイーツECの見た目と導線をまとめたDEMOサイトです。

実際の決済までは行わず、商品を選んでカートに入れるまでの体験と、かわいい世界観の表現を目的にしています。

① カテゴリで選びやすい商品一覧

ギフト・カップケーキ・アイスケーキ・トッピング・タルトなど、カテゴリごとに商品を整理しています。

期間限定やギフト対応などのラベルを添え、店頭の棚のような雰囲気を再現しています。

② カートとランキングで「買う流れ」を体験

カート UI と人気ランキングを用意し、一覧から詳細、カゴへ進む流れをデモできるようにしています。

売るための本番サイトではなく、ECの骨格とUIを試すための構成です。

③ 店舗の世界観とレスポンシブ

店舗外観やギフト訴求など、ブランドの世界観が伝わるビジュアルを配置しています。

PC・スマホの双方で見やすいレイアウトに調整し、端末が変わっても印象が大きく崩れないようにしています。