「自分の商品を販売するページがほしい。でも、デザインを考えるのが難しい……」

「AIでLPを作ってみたけど、細かい修正を何度も指示するのが面倒……」

「もっとおしゃれに、自分の好きなようにデザインを調整したい！」

そんな方に向けて、今回新しく制作したのが、

販売LP制作Webアプリ『SALE PAGE STUDIO』 です。

商品名、価格、画像、キャッチコピーなどを入力して、好きなデザインを選ぶだけ。

さらに、文字の大きさ、色、余白、画像の配置などを自由に調整できます。

しかも、完成したLPはHTMLやZIPファイルとして書き出せるので、自分のWebサイトとして公開することも可能です。

そして今回販売するのは、単なるLPテンプレートではありません。

完成したWebアプリそのものを、ソースコードや使い方マニュアルと一緒にお渡しする商品です。

まずは、どんなページが作れるのかをご覧ください！

まずは完成品を見てください！

実際にSALE PAGE STUDIOを使って、おしゃれな商品紹介ページを作ってみました。

今回サンプルとして制作したのは、架空のポータブルライトブランド「NOMA / OBJECTS」のLPです。

▼ 実際に制作したサンプルLPはこちら

https://noma-objects-lp-demo.pages.dev

商品写真の見せ方、キャッチコピーの配置、文字の大きさ、余白、配色。

こうしたデザインを組み合わせるだけで、商品の雰囲気に合わせたページを制作できます。

今回のNOMAは架空の商品で、写真もAIを使って制作しています。

実際の商品販売は行っていませんが、SALE PAGE STUDIOでどのようなLPを作れるのかを体験していただくためのサンプルです。

ぜひページ全体をスクロールして、デザインを確認してみてください。

AIに何度も指示しなくても、自分の手でデザインできる

最近は、ChatGPTやCodexなどのAIを使えば、Webサイトを制作することもできます。

僕自身も、AIを活用してさまざまなWebサイトやアプリを作ってきました。

ただ、制作していると、こんなこともあるんですよね。

「ここ、あと少しだけ文字を大きくしたい」

「背景色を変えたらどうなるんだろう？」

「写真を左側に配置してみたい」

「もう少し高級感を出したい」

AIにお願いすれば修正できますが、そのたびに指示を考えて、結果を待って、また修正して……。

だったら、自分で好きなように触れるツールがあったら便利じゃないか？

そんな発想で制作したのが、このSALE PAGE STUDIOです。

編集画面はこんな感じ

画面には商品情報やデザインを編集するためのメニューが用意されており、プレビューを確認しながら作業できます。

例えば、こんなことができます。

商品名やキャッチコピーを変更する
商品の画像をアップロードする
商品価格や購入ボタンを設定する
背景色・文字色・ボタン色を変更する
見出しの文字サイズを調整する
余白やレイアウトを変更する
商品画像の形や配置を変更する
FAQや商品の特徴を追加する

基本的な操作に、プログラミングの知識は必要ありません。

自分でいろいろ触って、デザインを完成させていく。

そんな楽しみ方ができるWebアプリです。

12種類のデザインテンプレートを収録！

SALE PAGE STUDIOには、12種類のデザインテンプレートを用意しています。

しかも、ただ色が違うだけではありません。

文字の配置、画像の見せ方、余白の使い方など、テンプレートによってデザインの雰囲気が変わります。

例えば、同じ商品を使っても……

① Obsidian｜シャープでモダンなデザイン

黒を基調にした、スタイリッシュなデザイン。

テクノロジー系の商品、デジタル教材、ガジェットの紹介などに合わせやすい雰囲気です。

② Bloom｜やわらかく親しみやすいデザイン

淡い色合いと丸みのあるデザインが特徴です。

かわいい雑貨、美容アイテム、ハンドメイド作品などに合わせやすいスタイルです。

③ Maison｜上品で落ち着いたデザイン

明朝系の文字と上品な余白を活用したデザイン。

インテリア、ファッション、アート作品などにも似合う雰囲気です。

このほかにも、さまざまなデザインを用意しています。

さらに、8種類の配色プリセットから色を選んだり、自分の好きなカラーコードを設定したりすることもできます。

テンプレートをそのまま使ってもいいですし、そこから自分好みにアレンジしてもOKです。

SALE PAGE STUDIOでできること

1. 商品情報を自由に編集

商品名、価格、キャッチコピー、説明文などを入力できます。

販売ボタンには、外部の販売ページのURLを設定可能です。

例えば、Brainやnote、BOOTHなどで販売している商品を紹介するLPとして活用できます。

2. 商品画像をアップロード

自分で撮影した商品写真や、AIで制作した画像などを使用できます。

画像の配置や表示方法も調整できます。

3. デザインを自由にカスタマイズ

12種類のテンプレートをベースに、配色、文字、余白、構図、画像フレームなどを変更できます。

テンプレートを選ぶだけで終わらず、自分の好みに合わせて仕上げられるのが特徴です。

4. PC・スマホのプレビューに対応

完成したページを、PC表示とスマホ表示で確認できます。

公開前に、文字の大きさや画像の見え方をチェックできます。

5. 編集内容を保存できる

制作途中のデータは、JSON形式で保存できます。

あとから読み込めば、続きから編集できます。

6. 完成したLPをHTML・ZIPで書き出せる

デザインが完成したら、HTMLまたは公開用ZIPとして書き出せます。

そのファイルをCloudflare Pagesなどにアップロードすれば、自分のURLでLPを公開できます。

※公開先のアカウントや公開操作は別途必要です。

使い方はとてもシンプル！基本は4ステップ

STEP 1｜商品情報を入力する

商品名、価格、キャッチコピー、説明文、商品画像などを登録します。

STEP 2｜好きなデザインを選ぶ

12種類のテンプレートから、商品に合うデザインを選択します。

STEP 3｜自分好みに調整する

文字、色、余白、画像などを調整します。

PC・スマホプレビューを確認しながら、納得のいくデザインに仕上げます。

STEP 4｜保存して公開する

編集データをJSON形式で保存し、完成LPをHTMLまたはZIP形式で書き出します。

公開用ZIPをCloudflare Pagesなどへアップロードすれば、自分の商品紹介ページとして利用できます。

完成したLPを自分の手元に保存できるので、必要に応じて更新したり、別の商品用に新しく作ったりできます。

こんな方におすすめ！

自分の商品を販売するLPがほしい方
デザインを自分で調整するのが好きな方
AIへの修正指示を何度も繰り返したくない方
note・Brain・BOOTHなどでデジタル商品を販売している方
おしゃれな商品紹介ページを作ってみたい方
完成アプリを購入し、自分専用にカスタマイズしたい方
Webアプリのソースコードを参考にしたい方

単にLPを1ページ作るだけでなく、LPを制作するためのツールそのものを手元に残したい方にも向いています。

今回販売するのは、完成したWebアプリそのものです！

ここが今回の商品の大きなポイントです。

通常のテンプレート販売では、完成したデザインデータを受け取って、自分で編集する形式が一般的です。

しかし、今回の商品は少し違います。

SALE PAGE STUDIOという完成Webアプリを、まるごとお渡しします。

購入後は、こちらで用意した公開済みアプリを使うこともできます。

さらに、ソースコードも付属するため、自分専用に改造したり、自分のCloudflare Pagesに設置したりすることも可能です。

そのために必要なマニュアルや、AIに改造を依頼するためのプロンプトも収録しています。

980円でお渡しする内容

収録内容できること① 完成WebアプリLP制作ツールをそのまま利用② ソースコード自分専用のアプリへカスタマイズ③ デザイン素材アプリロゴやサンプル素材を活用④ 使い方マニュアル初期操作から保存・公開まで確認⑤ AI改造用プロンプトChatGPTやCodexへの改修依頼に活用⑥ トラブル対策ガイド操作に困ったときの対処法を確認⑦ 12種類の完成LPサンプルデザインの参考や再編集に活用⑧ 利用規約の雛形利用条件の参考資料を確認

また、初めて利用する方に向けたREADMEやスタートガイドも用意しています。

完成アプリ＋ソースコード＋テンプレート＋マニュアルを、まとめてお渡しします。

販売価格は980円！買い切りです

今回のSALE PAGE STUDIOは、

980円（税込・買い切り）

で販売します。

アプリの基本機能に月額料金はかかりません。

外部APIキーも必要ありません。

ただし、アプリの改造に利用するAIサービスや、Webサイトの公開先によっては別途料金が発生する場合があります。

購入前にご確認ください

本商品は、商品紹介LPを制作・編集・書き出すWebアプリです。

決済、商品配信、会員ログイン、問い合わせ送信、アクセス解析、AIによる文章生成などの機能は含まれていません。

また、制作したLPが必ず売上や集客につながることを保証するものではありません。

同梱版はv1.2.1です。

開発時の自動テスト70件とHTML・ZIP構造検査172項目を確認していますが、PC Chrome・iPhone Safariでの実機操作や、すべての公開環境での動作は検証できていません。

自分の商品LPの制作・商用公開や、自分用のアプリ改造・設置を想定しています。

アプリ本体やソースコード、付属資料の再配布・再販売、第三者向け編集サービスとしての提供には制限があります。

お問い合わせ・サポートについて

【販売者の連絡先、対応範囲・期間、返金やキャンセル条件を記入】

あなたの商品を、あなたらしいデザインで。

商品を作ることも楽しいですが、

その商品をどう見せるかを考えることも、ものづくりの楽しさの一つだと思います。

文字の大きさを変えてみる。

写真の配置を変えてみる。

背景色を変えてみる。

少しずつ調整して、自分が納得できるページに仕上げていく。

そんな体験を楽しんでもらえたらうれしいです。

自分の商品を、もっとおしゃれに、もっと自分らしく紹介したい。

そんな方は、ぜひSALE PAGE STUDIOを活用してみてください！