YOUR IDEA. YOUR WORLD.

つくりたいをつくりきろう

商品も サービスも あなたの活動も
伝えたいことからAIとつくるLP制作スキル

この世界をのぞく
つかんで動かせるよ

ドラッグで移動できます。キーボードでは矢印キーで移動し、Enterで紹介を開きます。Escapeでもとの位置へ戻せます。

HELLO!YOUR
WORLD
MEET US
つくりたいページは?スキルでできることを見る

「なんかいい」のその先へ

好きなものには
好きな理由がある

AIでページが形になっても
できたものを見て手が止まることがあります。

きれいだけど自分が届けたかったものと違う
色や写真を変えて「もっといい感じに」と頼んでも
見た目は変わるのにしっくりこない。

そんなときに必要なのは
「何を誰にどう届けるか」という選ぶ基準です。

dododo-lp-siteはAIに読み込ませて使うLP制作スキルです。
何を伝えるかを整理するところからデザインと仕上げまで
制作の進め方をAIと共有できます。

紹介したい商品やサービス、あなたの活動に合わせて
「こうしたい」を実際のページへ育てていきます。

AIの表現力に
あなたの意図を

つくる前に
決めることがある

デザインの専門用語は必要ありません。
あなたの言葉から表現を選び、ページを整えるための軸をつくります。

01

誰のどんな気持ちを動かしたい?

届ける相手から考える

初めてサービスを知る人には安心できる説明を。比較して迷っている人には選ぶ理由を。同じ内容でも相手の状況に合わせて、伝えることと読む順番を考えます。

02

あなたらしさを何で表そう?

好きな理由を表現の軸に

「かわいい」「かっこいい」「落ち着く」と感じる理由を参考画像や会話から見つけます。色だけでなく文字の形や素材の質感、矢印ひとつまで同じ世界のものとして揃えます。

03

見終えた人にどう動いてほしい?

見せ場の先に行き先を

講座への申し込み、サービスの相談、作品をもっと見てもらうこと。ページの目的に合わせて情報を並べ、次の行動へ進みやすい道筋をつくります。

YOUR INTENTION, EVERYWHERE.

一つ決まると
次の一つも選べるようになる

「なんとなく直す」から
「届けたいものに近づける」へ

つくり方から
迷いを減らしていく

制作のたびに自分で組み立てていた
「考える順番」と「確認すること」を
AIと共有した状態から始められます。

スキルを使わず自分で進めるdododo-lp-siteと進める

01はじめるとき

スキルなし

目的や必要な情報、AIに聞いてほしいことを自分で整理して伝える。

スキルあり何から話せばいいか迷いにくい

届けたい相手やページの目的を整理し、足りない大事な情報から確認します。

02世界観をつくるとき

スキルなし

色や写真、文字や動きの指示と全体の統一感を自分で考える。

スキルありひとつの意図で表現がつながる

好きな参考と目的をもとに、素材・書体・小さな部品・動きの共通ルールをつくります。

03直して仕上げるとき

スキルなし

残したい良さや修正の優先順位、細かいパーツの違和感をその都度伝える。

スキルあり気に入ったところを積み上げる

大切にする軸と良いベースを保ち、矢印やボタンまで揃えます。重要な分岐を確認し、細部はAIが進めます。

04完成を確かめるとき

スキルなし

スマホ表示や操作、公開の確認項目と進め方を自分で組み立てる。

スキルあり見た目の完成から使えるページへ

表示と操作を確かめて公開するかを確認します。希望する場合は公開先を伺い、その場所での公開まで進めます。

スキルなしでも同じ設計や確認をAIへ指示できます。このスキルは進め方を毎回組み直す負担を減らすためのものです。

あなたは大切にしたいことを選ぶ
AIはそれを形にする工程を進める

あなたの
つくりたいページに

講座やイベントの案内、サービスの紹介
ブランドや作品のポートフォリオ。
届けたいものに合わせて一緒に考えます。

01 / CREATEまだページがないなら

思いを整理して
ゼロからつくる

伝えたいことや好きな参考からスタート。誰に何を届けるかを整理して、文章の流れとデザインを実際のページにします。

「新しい講座の魅力を伝えたい」
「活動を紹介する場所がほしい」

02 / REFINE今のページに違和感があるなら

好きなところを残して
もっと自分らしく

今あるページを見ながら、残したい良さと変えたいところを整理。伝わりにくい文章やちぐはぐなデザインを目的に合わせて磨きます。

「きれいだけど自分らしくない」
「雰囲気は好き でも読みにくい」

03 / FINISH公開する前に

見る人の使いやすさまで
確かめて仕上げる

スマホで文字が見切れないか、リンクやボタンが動くか。表示と操作を確認します。公開を希望する場合は行き先を伺い、その場所への公開まで進めます。

「スマホでも見やすくしたい」
「完成したページを公開したい」

YOUR PAGE,
YOUR PERSONALITY.

このイラストも一つの表現例。
あなたの目的と好みから
そのページだけの世界観を考えます。

架空ショップMELTBYTEの制作例制作例をひとつ見るMELTBYTE個性のある服との出会いを表現したショップデモ
商品購入・決済には対応していません
新しいタブで開く

ひとりの「こうしたい」に
おかしな仲間が集まった

目的を見つけて言葉にし、絵や動きで表現する。
ばらばらに考えがちなことをひとつの世界につなぐために
それぞれの役割を持った仲間が集まりました。

気になる住人を選んでみて

あなたの「こうしたい」のとなりに

doちゃん

「その世界を一緒につくろう」

まだうまく言えないイメージも聞かせてください。
大切にすることと変えるところを考え、仲間たちの表現をあなたの目的につなぐ案内役です。

この仲間たちはLPづくりの役割を表した住人です。
つくるページにこの絵柄やキャラクターが入るわけではありません。

同じ「こんにちは」も
こんなに変わる

にぎやかにしたいときも静かに見せたいときも
自分の気持ちに合う表現を選んでみてください。

あなたはどんな気分?

色・ことば・動きの組み合わせで伝わる印象は変わります。

らしさは
大きくいこう

こんにちは ここから私の世界

好きな表現を選びながら理由を確かめていくことが
あなたらしいページの出発点になります。

A LITTLE MORE?

もう少し
聞いていい?

気になることをここに

どうすれば受け取れますか?

このスキルは対象noteを購入した方が受け取れます。受け取り条件と手順はnoteに記載しています。

noteで受け取り条件を確認
イメージがまだぼんやりしています

最初からすべて決まっていなくても大丈夫です。「好き」「これは違う」と感じるものや届けたい相手のことから、目指す方向を一緒に考えられます。

好きな参考サイトがあっても使えますか?

使えます。「この色が好き」「この余白が落ち着く」など、惹かれる部分を手がかりにします。参考のキャラクターやロゴをそのまま使わず、あなたの目的に合う別の表現へ広げます。このページの絵柄に固定されることもありません。

普通にAIへ頼むのと何が違いますか?

思いついた修正をその都度頼むだけでなく、最初に目的と表現の軸を揃えてから制作を進めます。画像・文字・細かな部品を同じ世界観で仕上げ、スマートフォンでの見え方やボタンの動作まで確かめる進め方をAIに渡せます。

つくったサイトを仕事に使えますか?

制作した作品の納品・販売に利用できます。スキルそのものの再配布はできません。

LET’S MAKE IT YOURS.

つくりたいを
つくりきろう

対象noteの購入者さまへ
詳しい受け取り条件は
noteでご確認ください

noteで受け取り条件を確認

YOUR NEXT STEP

スキルの受け取り方

このスキルは対象noteを購入した方が受け取れます。詳しい受け取り条件と手順はnoteでご確認ください。

受け取れる方
対象noteの購入者さま
つくった作品について
作品の納品・販売にご利用いただけます。
スキルについて
スキルそのものの再配布はできません。
noteで受け取り条件を確認