DEMO GALLERY / 2026.08

雰囲気は、見て選ぶ。 動きは、話しかけて足す。 ——その実物、11本。

LP雰囲気図鑑(yuuさん)で雰囲気を選び、おまかせサイト工房(なり)で建て、動きの強化室(ちせさん)で動かす。 この3つの道具だけで作った制作デモを、すべて公開URLのまま並べました。 説明より先に、実物を見てください。

入口LP雰囲気図鑑

yuuさん作。実例から雰囲気を目で選び、制作ブリーフを書き出す。

土台おまかせサイト工房

なり作。品質ゲートつきでサイトそのものを建てる。

仕上げ動きの強化室

ちせさん作。完成したサイトに、非破壊で動きを足す。

SCROLL

0

公開デモサイト

0

採用元モーションデモ

0

壊れ画像・JSエラー(本番実測)

0

検品証跡つき(PROOF.md)

THE ELEVEN11本の制作デモ

HOW THESE WERE MADEこの11本の作り方

STEP 01図鑑で雰囲気を選ぶ

LP雰囲気図鑑の実例から型を選び、「AIに渡す制作プロンプトを書き出す」で制作ブリーフを取得。配色・書体・構成・コピーの合格基準・避けることまで入った1万字超の指示書になります。

STEP 02ブリーフをAIに渡す

店舗情報を書き足してAIに貼るだけ。ここでは架空のデモ店舗として情報を埋めました。工房を使う版では、そのまま工房の品質ゲートに乗せています。

STEP 03強化室で動きを足す

モーションパレットのデモから雰囲気に合うものを選び、配色・イージング・秒数まで入ったプロンプトを適用。各サイト2〜4本を採用しています。

STEP 04検品して公開

ブリーフが義務づける検品表(PASS/FAIL)を作成し、実ブラウザでスマホ・PC両方を撮影して確認。全11本を公開URLとして稼働させています。

この11本について。 すべて制作デモです。掲載している店舗・団体・人物・商品はいずれも架空で、実在のものとは関係ありません。 各サイトのフォームは送信されません。口コミ・実績・受賞歴・期限や残数といった「事実の裏づけがないもの」は、 デモであっても発明しない方針で作っています(掲載枠だけ残し、準備中と明記)。