Case Study

GENOME UIβ

LP検証を、テンプレ依存ではなくブランドらしさごと高速化する

背景 / 課題

LP制作のたびにゼロからデザインし直す負荷が高い

新規事業やキャンペーンのたびにLPを作るが、毎回ゼロからデザインし直す必要がある。 AI生成を使っても「全部同じ見た目になる」問題が残り、ブランドの一貫性を保ちながら検証速度を上げるのが難しい状態でした。

何を作ったか

Step 1

Purpose 定義

ページの目的（告知/採用/プロダクトなど）を定義。章立ての土台を固めます。

Step 2

Mood (DNA) 設定

感情パラメータで「らしさ」を決定。配色・タイポ・余白・動きの方針を統一します。

Step 3

生成 → 編集 → Export

一貫したLPを生成し、ブロック単位で編集。Next.js/Tailwindへの移植も前提に出力します。

設計上の判断

DNA設計（ブランド/世界観）

既存資料やトーン&マナーから、デザインDNAを「言語化」して基準化。誰が触ってもブレにくい状態にします。テンプレートではなく、ブランドの人格を軸にしたデザインを量産できる形で提供します。

生成→編集→実装の一気通貫

ツール単体で終わらせず、ブランドの「らしさ（DNA）」を定義→高速に試作→実装へ着地、までを短い距離で回します。実装側（Next.js/Tailwind）に寄せた形で出力し、再利用できるUI部品として整備します。

担当範囲

企画情報設計UI/UXフロントエンド実装AI連携

技術スタック

Next.jsTypeScriptTailwind CSSOpenAI API

こんな相談に向いています

新規事業LP、キャンペーン検証、プロトタイプ高速化など、短いサイクルで検証を回す案件を得意としています。