オンライン予約サービス向けのウェブサイトをHTMLとCSSで制作：機能、対象業種、料金、登録ボタン

成果物の例

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

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

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

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

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

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

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

このサービスについて

予約サービスの顧客は、サロン、スタジオ、修理店、家庭教師など予約制で働く事業者です。サイトでは、お客様がどう予約するか、オーナーがカレンダーで何を見られるか、どんなリマインダーが届くか、全部でいくらかかるかを、わかりやすい言葉で示す必要があります。依頼内容をもとにページの文章を作成し、制作します。一番の魅力を伝えるファーストビュー、機能、導入の流れ、対象業種、料金表、よくある質問、登録やトライアル開始のボタン。サイト自体は予約を受け付けない紹介ページで、ボタンは登録ページやアプリを開きます。実際の予約画面はスクリーンショットでのみ紹介し、描いたイラストはUIを含まないイメージです。ユーザー数やレビューはいただいたとおりにのみ掲載します。

含まれる内容

• 納品内容サイトのページ、スタイル、画像をまとめたZIPファイル（サーバーにすぐアップロード可能）と、注文ページでの全ページのプレビュー。
• 予約の仕組みをシンプルに説明お客様の予約方法、オーナーの確認方法、送られるリマインダー
• 対象業種挙げていただいた業種ごとに、それぞれの例を載せたセクション
• 料金表スタッフ数、店舗数、予約数別のプランを並べて
• 実際の画面とイラスト予約ページのスクリーンショットをそのまま、UIなしのイラストを添えて
• スマホ対応、きれいなコード小さなスマホからワイド画面まで。シンプルなHTMLとCSS、他のサイトから何も読み込みません

ご利用の流れ

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

ご用意いただくもの

予約サービスの機能と利用している業種、リマインダー・スタッフ別カレンダー・事前決済などの主な機能3〜6つ、連携しているツール、料金と上限付きのプラン、無料トライアルの有無、必要なページ、登録・ログイン・デモ・問い合わせボタンの正確なリンク。任意で、PNG、JPEG、WebP形式の画像を最大5点：ロゴ、サービスの実際のスクリーンショット（お客様側の予約ページやオーナー側のカレンダーなど）。

お伺いする内容：

• サービスの利用者は？
• 主な機能
• プランと料金
• ボタンのリンク先は？

プランを比較

質問と回答

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