エナジースナック
CRUNCH MODE(クランチモード)
架空ブランドを立てて制作したデザインデモです(2026-07-10 公開)。
実際のサイトを見る 別タブで開きます
ゲーマーのための堅焼きエナジースナック CRUNCH MODE。3つの難易度=3つの味をステージ攻略。コンボを繋ぎ、隠しコマンドで限定グッズをアンロックせよ。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト CRUNCH MODE(クランチモード) — 噛むたび集中力が“チャージ”されるゲーマー向けエナジースナックの販促LP。3つの難易度味をステージとして攻略し、隠しコマンド入力で限定グッズをアンロックする
- スタイル
- アーケードゲーム文化 × スコアアタック(ゲームループのLP移植)
- レイアウト
- ステージ選択型キャンペーンLP(3つの味=3ステージを攻略する構成)
- タイポグラフィ
- pixel-ish display + 極太 condensed sans(スコア/コンボの HUD ラベル)
- モーション
- コンボ蓄積・スコアアタック・隠しコマンド入力でアンロック(マーキーからゲームループそのものへ)
- 配色
- アーケード発色(黒地にマゼンタ × アシッドシアンのネオン、CRTグロー)
- 狙い
- 商品を3Dレンダで無地背景に浮かせつつ、UIを単なるHUDでなく『ゲームループ(コンボ→スコア→アンロック)』そのものに移植し、噛む=チャージの体験をキャンペーン機構に直結させる。マゼンタ × シアンのアーケード発色でも被写体分離で可読性を保つ。
- 設計の勘所
- 商品3Dレンダ × 無地背景で被写体を立て、UIをHUDでなくゲームループ(コンボ/スコア/隠しコマンド)ごとLPに移植するマキシマリズム
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。