キャンディ工場
アメイロ製菓
架空ブランドを立てて制作したデザインデモです（2026-07-24 公開）。
実際のサイトを見る 別タブで開きます
昭和23年創業、川越の飴工場「アメイロ製菓」。銅釜の煮詰め、手引き、金太郎飴技法の成形まで、飴ができるまでの三つの工程をスクロールで見学できます。組飴・べっこう飴の通販、工場見学のご予約も。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト アメイロ製菓 — 飴職人の製造工程(煮詰め・引き・成形)を工場見学スクロールで魅せるキャンディブランドLP
- スタイル
- 3D工場見学ポップ
- レイアウト
- ステージ移動型フルスクリーン章立て(工程ごとに舞台が切り替わる工場見学)
- タイポグラフィ
- 極太geometric sansポップ(欧文display+和文ゴシック太字)
- モーション
- スクロールテリング(工程チャプター遷移+背景色モーフ+疑似3Dステージ)
- 配色
- 高明度ポップ(ライトシアン×クリーム。WebGL没入系のダーク定型を回避)
- 狙い
- 製品ができるまでをゲーム的な3D工場見学に翻訳し、明るいパレットで没入系のダーク一辺倒を回避(Awwwards SOTD 7/21)
- 設計の勘所
- 工程ストーリーを sticky セクション+工程ごとの背景色替えで「ステージ移動型3D」に観察近似する
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。
