B2B SaaS向けのウェブサイトをHTMLとCSSで制作：機能、活用例、料金、デモボタン、スマホ対応

成果物の例

スタンダードパッケージの例すべて表示

献立作成アプリの2ページ構成のウェブサイト

トップページと料金ページ

スマートフォンで見たトップページ

ファイル： 互いにリンクした2つのHTMLページ、スタイル、サイト用に描き下ろした画像5点を収めたZIPファイル。クライアントのサーバーにそのままアップロードできます。ここに掲載している画像は各ページのスクリーンショットです。

クライアント： 忙しい家族のために1週間分の夕食の献立を立てるアプリ、Plately。 ご依頼： アプリでできることと使い方を紹介するトップページと、3つのプラン、比較表、よくある質問を載せた料金ページ。アプリにつながる登録ボタンを付け、配色はリーフグリーンとウォームオレンジ。

お客様とすべての情報は架空のものです。

このサービスについて

企業の購買担当者は、誰かと話す前に複数のツールを比較します。だからB2Bサイトは、その疑問にわかりやすく答える必要があります。製品がどんな課題を解決するか、どんな企業向けか、業務にどう組み込めるか、いくらかかるか、データをどう扱うか。依頼内容をもとにページの文章を作成し、制作します。一番の魅力を伝えるファーストビュー、業務別にまとめた機能、仕組み、お知らせいただいた連携先とセキュリティの情報、ユーザー数や上限別の料金表、よくある質問、そしてお客様のリンクを開くトライアル開始・デモ予約のボタン。取引先ロゴ、事例の成果、認証は、いただいて掲載が許可されている場合のみ掲載します。製品の実際の画面はスクリーンショットでのみ紹介し、描いたイラストはUIを含まないイメージです。

含まれる内容

• 納品内容サイトのページ、スタイル、画像をまとめたZIPファイル（サーバーにすぐアップロード可能）と、注文ページでの全ページのプレビュー。
• 業務別の機能メニュー項目ではなく、購買担当者がやりたいこと別にまとめて
• 比較しやすいプラン各プランのユーザー数、上限、機能を、依頼内容どおりに並べて
• 信頼につながる事実、お客様のもののみ連携先、セキュリティの注記、掲載が許可された取引先ロゴ
• 製品をページにスクリーンショットとロゴはそのまま、イラストは統一したタッチで
• スマホ対応、きれいなコード小さなスマホからワイド画面まで。シンプルなHTMLとCSS、他のサイトから何も読み込みません

ご利用の流れ

1. 1
   依頼内容製品、購買層、プラン、リンクを説明し、スクリーンショットとロゴをアップロードしていただきます
2. 2
   サイト文章を作成し、イラストを描き、ページを制作します
3. 3
   プレビューとアーカイブパソコンとスマホで全ページを確認し、プランの範囲内で修正を依頼して、アーカイブをダウンロードします

ご用意いただくもの

製品の機能、対象の企業と職種、主な機能3〜6つ、対応している連携先、料金・上限・内容付きのプラン、記載できるセキュリティやデータに関する事実、必要なページ、トライアル・デモ・ログイン・問い合わせボタンの正確なリンク。任意で、PNG、JPEG、WebP形式の画像を最大5点：ロゴ、製品の実際のスクリーンショット、掲載許可のある取引先ロゴ。

お伺いする内容：

• 製品の購入者と、解決する課題は？
• 主な機能と連携先
• プラン、料金、上限
• ボタンのリンク先は？
• 掲載できる事実

プランを比較

質問と回答

答えが見つかりませんか？ 質問する