制作を相談する

LP DESIGN & CODING

企画・構成・ワイヤーフレームから公開まで
1名体制で仕上げます

貴社のサービスやテーマを原稿化するところからデザインアウトプットまでワンディレクションで制作するため、目的にブレなく“事業目的とデザイン品質”の両軸を担保できます。

  • 相談は無料
  • 1営業日以内に返信
  • NDA対応可

SaaS / Head Spa / SNS / Café / Real Estate / Ryokan ほか全10本

SAMPLES

業種別サンプルLP

実際にスクロール・操作できる状態で公開しています。演出の型は「イラスト」「実写×モーション」「グラフィカル」の3系統。ご依頼の際に「このサンプルのような雰囲気で」とお伝えいただければ、方向性の共有がスムーズです。

業種
演出の型
スミロ|経費精算・勤怠管理クラウド のサンプルLPSAMPLE 01
イラストIT・SaaS

スミロ|経費精算・勤怠管理クラウド

総務・経理担当向け。フラットな人物イラストに、HTMLで組んだ申請画面・ダッシュボードのUIモックを重ねた親しみやすいLP。

VIEW SAMPLE →
SORATERA IT パートナーズ|ひとり情シスの解消 のサンプルLPSAMPLE 02
実写×モーション法人ITサポート

SORATERA IT パートナーズ|ひとり情シスの解消

実写写真のゆっくりしたズームとマスクで切り出すリビール、数字のカウントアップで信頼感を出したコーポレート型LP。

VIEW SAMPLE →
FEEDNIC|SNS運用代行 のサンプルLPSAMPLE 03
グラフィカルSNS運用代行

FEEDNIC|SNS運用代行

巨大な欧文タイポ×和文、交差して流れる帯、スマホモックの投稿グリッド。雑誌的なレイアウトで「センス」を伝えるLP。

VIEW SAMPLE →
QUELLFIN|Web広告運用代理店 のサンプルLPSAMPLE 04
グラフィカルWeb広告運用

QUELLFIN|Web広告運用代理店

ダーク×ライムのアクセント、グリッド線とモノスペース数字。CPA・ROASのグラフが描かれていく、データ志向のLP。

VIEW SAMPLE →
灯臨レジデンス|投資用マンション セミナー集客 のサンプルLPSAMPLE 05
実写×モーション不動産・投資

灯臨レジデンス|投資用マンション セミナー集客

夜景写真のスローズームと細い金の罫線、明朝体の見出しで上質に。仕組みとリスクを図解で正直に伝える集客LP。

VIEW SAMPLE →
こつこつの木|NISA・資産形成の無料相談 のサンプルLPSAMPLE 06
イラスト金融・FP相談

こつこつの木|NISA・資産形成の無料相談

投資初心者がこわくない、温かいイラストと丸ゴシック。積立と複利のしくみをやさしいSVG図解で見せる予約LP。

VIEW SAMPLE →
夜ノ手|ドライヘッドスパ専門店の予約 のサンプルLPSAMPLE 07
実写×モーションヘッドスパ・サロン

夜ノ手|ドライヘッドスパ専門店の予約

照明が一段ずつ落ちていく90分を、帯の色が暗くなるタイムラインで体験させ、空き枠カレンダーから予約まで運ぶ明朝×ベージュのサロンLP。

VIEW SAMPLE →
TALLY ROOM|女性向けパーソナルジム&ピラティス のサンプルLPSAMPLE 08
グラフィカルパーソナルジム

TALLY ROOM|女性向けパーソナルジム&ピラティス

黒×オフホワイトに赤ペンの1色、極太の欧文数字。測定記録の表と赤丸、50分のタイムラインで「記録で続ける」を見せる体験予約LP。

VIEW SAMPLE →
方眼舎|焼き菓子と珈琲の店舗+ギフト通販 のサンプルLPSAMPLE 09
実写×モーションカフェ・焼き菓子

方眼舎|焼き菓子と珈琲の店舗+ギフト通販

白地に墨1色と青のスタンプ、罫線で揃えたお品書きがそのまま店の顔になる。焼き上がり時刻表・営業日カレンダー・ギフト通販のカートまで組んだ店舗LP。

VIEW SAMPLE →
汀灯|和モダンの温泉旅館 宿泊予約 のサンプルLPSAMPLE 10
実写×モーション温泉旅館・観光

汀灯|和モダンの温泉旅館 宿泊予約

縦組みの見出しと時刻の柱で駅からの道のりを追い、季節で切り替わる品書き、空室カレンダーと送迎便を選ぶ予約UIまで組んだ宿泊予約LP。

VIEW SAMPLE →

YOUR INDUSTRY

掲載のない業種でも、同じ進め方でお作りします。

BtoBのサービス紹介から、サロン・ジム・飲食店・宿泊施設の予約や通販まで。いま使っている資料やチラシ、写真をお送りいただければ、構成案とお見積りからご提案します。

制作を相談する →

※ サンプルに登場する企業名・サービス・数値・お客様の声はすべてポートフォリオ用のサンプルです。写真・イラストはAI生成素材と自作素材を使用しています。

SERVICE MOVIE

LPや、サービス紹介ムービーの制作も。

上のサンプルLPと同じテーマ・同じトーンで、60秒前後のサービス紹介ムービーも制作しています。撮影は行わず、イラスト・写真素材・タイポグラフィとモーションで構成。LPのファーストビュー、展示会や商談の冒頭、SNS広告などにお使いいただけます。

SHOWREEL SAMPLE 01〜06の見どころをまとめた79秒のダイジェスト(音声なし)LP・資料・ムービー・バナーを同じトーンでそろえられます

尺・形式

30〜90秒・MP4(横16:9)。縦型・正方形への書き出しもご相談ください

構成・テロップ

構成案と画面の文言から作成。音声なしでも伝わるテロップ設計

素材

イラスト・アイコン・図解を自作。写真はご支給、またはAI生成・ストック素材

セット制作

LP・営業資料・ホワイトペーパーと同じデザインで一貫して制作

スミロ|経費精算・勤怠管理クラウド のサンプルムービー1:00
イラストIT・SaaS

スミロ|経費精算・勤怠管理クラウド

同じテーマのLPを見る →
SORATERA IT パートナーズ|ひとり情シスの解消 のサンプルムービー1:00
実写×モーション法人ITサポート

SORATERA IT パートナーズ|ひとり情シスの解消

同じテーマのLPを見る →
FEEDNIC|SNS運用代行 のサンプルムービー1:00
グラフィカルSNS運用代行

FEEDNIC|SNS運用代行

同じテーマのLPを見る →
QUELLFIN|Web広告運用代理店 のサンプルムービー1:00
グラフィカルWeb広告運用

QUELLFIN|Web広告運用代理店

同じテーマのLPを見る →
灯臨レジデンス|投資用マンション セミナー集客 のサンプルムービー1:00
実写×モーション不動産・投資

灯臨レジデンス|投資用マンション セミナー集客

同じテーマのLPを見る →
こつこつの木|NISA・資産形成の無料相談 のサンプルムービー1:00
イラスト金融・FP相談

こつこつの木|NISA・資産形成の無料相談

同じテーマのLPを見る →

PRICE

ムービー制作の料金の目安

10万円(税抜)

3分以内のムービー1本あたりの目安です。内容と尺を伺ったうえで、お見積りします。

  1. 01企画設計・構成台本の制作目的・見せる場面・伝える順番を整理し、画面の文言まで作成20,000円
  2. 02サンプル案の制作(3案)表現の方向性を3案お見せし、1案を選んでいただきます15,000円
  3. 03決定案での本編制作50,000円
  4. 04修正対応2回まで含みます10,000円
  5. 05ファイナライズ納品データの作成・書き出し5,000円

※ ムービーに登場する企業名・人物・数値はすべてポートフォリオ用のサンプルです。撮影・取材は行っていません。

SCOPE

対応範囲

品質と納期をお約束できる範囲に絞ってお受けしています。ご依頼前にご確認ください。

お受けできること

  • LP制作(下層ページ4ページ程度まで)サービス紹介・資料請求・セミナー集客・採用・キャンペーンなど。料金・アクセス・スタッフ紹介などの下層ページを加えた小規模サイトにも対応。PC/スマホ対応
  • 構成・コピー案の作成ヒアリング内容と資料をもとに、セクション構成と見出し・本文の案から作成します
  • デザイン・コーディングHTML/CSS/JavaScriptによる静的なページ。スクロール演出・アニメーションにも対応
  • STUDIOでの構築公開後に文言や写真を貴社で更新したい場合は、ノーコードツールのSTUDIOで構築します
  • イラスト・アイコン・図解の描き起こしLP内で使う素材を自作。写真はご支給素材、またはAI生成・ストック素材で対応
  • フォームの設置Googleフォーム・HubSpot・Formrunなど外部フォームサービスの埋め込み・連携
  • 計測・SEOの基本設定GA4タグの設置、title・description・OGP、構造化データ(FAQなど)
  • 付随ページサンクスページ、プライバシーポリシーなどLPに付随する簡易ページ

お受けできかねます

  • STUDIO以外のCMS上での構築・組み込みWordPress、Wix、ShopifyなどCMS上での制作、テーマ開発、既存CMSへの組み込み
  • 大規模なWebサイトの制作6ページ以上のコーポレートサイトや、記事・お知らせを継続して増やしていくサイト
  • システム開発EC・会員機能・予約・決済・データベース連携など、サーバー側の処理を伴う開発
  • 他社が制作したサイトの改修既存サイトのソースを修正する作業
  • 公開後の保守・更新の月額運用サーバー・ドメインの契約代行や管理、定期的な更新作業(スポットの修正はご相談ください)
  • 撮影・取材写真・動画の撮影、インタビュー取材
  • 広告運用・SEO・CROのコンサルティング定例会や改善提案など、継続的な助言業務

「公開後に自分たちで更新したい」というご要望には、STUDIOでの構築をご提案しています。WordPressなどほかのCMSをご希望の場合は、CMSに対応できる制作会社さまへの引き継ぎを前提としたデザインカンプ納品をご提案しています。

DELIVERY & PRICE

納品形態と料金の目安

3つの納品形態からお選びいただけます。表示は目安で、内容・ボリュームを伺ったうえで詳細をお見積りします。

PLAN A

デザインカンプ納品

PC・スマホのデザインを画像(PNG/PDF)で納品。コーディングは貴社または別の制作会社さまで行う場合に。

8万円〜

PLAN B

HTML一式納品

デザインとコーディングまで。HTML・CSS・画像一式をZIPでお渡しし、貴社のサーバーにアップロードしていただきます。

15万円〜※詳細お見積り

PLAN C

公開代行

HTML一式に加え、Vercelでの公開作業まで対応。独自ドメインのDNS設定は手順書をお渡しし、貴社で設定いただきます。

18万円〜※詳細お見積り

修正

各工程で2回まで(構成・デザイン・実装)

制作期間の目安

ご発注から2〜4週間(素材のご支給状況による)

ご用意いただくもの

サービス資料・ロゴ・掲載したい実績や写真(あれば)

動作確認環境

Chrome・Safari・Edgeの最新版(PC/iPhone/Android)

FLOW

制作の流れ

  1. ヒアリング

    目的・ターゲット・納品形態をメッセージまたはオンラインで確認します

  2. 構成・コピー案

    セクション構成と見出し・本文の案をお出しし、方向性を固めます

  3. デザイン

    PC・スマホのデザインを確認いただきます(PLAN Aはここで納品)

  4. コーディング

    確認用URLで、実際の動きを見ながらご確認いただきます

  5. 納品・公開

    HTML一式の納品、または公開作業まで行います

FAQ

よくあるご質問

WordPressやStudioで作ってもらえますか?

STUDIOでの構築はお受けしています。公開後に貴社で文言や写真を更新したい場合におすすめです。WordPressなどほかのCMS上での構築はお受けしていないため、CMS対応の制作会社さまに引き継げるデザインカンプでの納品をご提案しています。

複数ページのサイトも作ってもらえますか?

LPに料金・アクセス・スタッフ紹介などの下層ページを加えた、5ページ程度までのサイトはお受けしています。6ページ以上のコーポレートサイトや、記事を継続して増やしていくサイトはお受けしていません。

原稿がまだ固まっていなくても依頼できますか?

はい。サービス資料やヒアリング内容をもとに、構成と見出し・本文の案から作成します。掲載する実績や数値は、事実確認のためご提供いただいたものだけを使います。

写真素材がありません。

AI生成・ストック素材で対応できます。イラスト・アイコン・図解は自作しますので、別途の素材費はかかりません。

公開後の修正もお願いできますか?

文言・画像の差し替えなど、スポットでの修正はご相談ください。月額での保守・更新運用はお受けしていません。

サーバーやドメインの契約もお願いできますか?

契約は貴社名義でお願いしています。公開代行(PLAN C)では、Vercelへの公開作業と、DNS設定の手順書のご用意まで対応します。

CONTACT

まずは、作りたいLPの
イメージをお聞かせください。

「サンプル03のような雰囲気で」といったご相談も歓迎です。