44dat DESIGN GALLERY

エナジースナック

CRUNCH MODE(クランチモード)

架空ブランドを立てて制作したデザインデモです(2026-07-10 公開)。

実際のサイトを見る 別タブで開きます

CRUNCH MODE(クランチモード)(エナジースナック)のホームページデザイン

ゲーマーのための堅焼きエナジースナック CRUNCH MODE。3つの難易度=3つの味をステージ攻略。コンボを繋ぎ、隠しコマンドで限定グッズをアンロックせよ。

全ページビュー

CRUNCH MODE(クランチモード) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、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 で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。