料金ページのデザインをHTMLとCSSでコーディング：プラン、比較表、よくある質問、スマホ対応

成果物の例

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

デザインどおりに作った歯科医院のトップページ

ビフォー：クライアントから届いたデザイン

アフター：実際に動くページ

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

クライアント： 歯科医院のBright Smile Dental。 ご依頼： トップページのデザインを、同じレイアウト・配色・テキストのまま実際に動くHTMLページにし、医院に電話がかかる予約ボタンを付ける。

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

このサービスについて

料金ページでは、すべての数字とチェックマークが正確で、比較しやすくなければなりません。料金ページのカンプを画像としてアップロードしていただければ、HTMLとCSSでコーディングします。プランカード、おすすめプランの強調、比較表、よくある質問、最後のCTAを、表が読みやすいスマホ版とともに。料金と機能はカンプまたは依頼内容に基づき、作ることはありません。デザインに月額・年額の切り替えがあれば、いただいた料金で切り替わります。プランのボタンは既存の登録・決済リンク、メッセージアプリ、またはメールにつながります。決済、アカウント、バックエンドはなく、ホスティングは含まれません。

含まれる内容

• 納品内容ページ、スタイル、画像をまとめたZIPファイル（サーバーにすぐアップロード可能）と、注文ページでの全ページのプレビュー。
• プランカード料金、機能、おすすめプランをデザインどおりに
• 比較表スマホでも読みやすく、チェックと上限はいただいたとおりに
• 月額と年額デザインにあれば、いただいた料金で切り替えるスイッチ
• 指定リンクへのボタンすでにお持ちの登録、無料トライアル、決済のページ
• きれいなコードシンプルなHTMLとCSS。フレームワークなし、他のサイトから何も読み込みません

ご利用の流れ

1. 1
   アップロード料金ページのカンプをアップロードし、最終的なプランとリンクをお送りいただきます
2. 2
   コーディングカード、表、よくある質問をコーディングします
3. 3
   プレビューとアーカイブパソコンとスマホでページとデザインを見比べ、アーカイブをダウンロードして、プランの範囲内で修正を依頼できます

ご用意いただくもの

PNG、JPEG、WebP形式の画像を最大5点：料金ページのカンプ、お持ちであればモバイル版、3ページのプランの場合はほかのページのカンプ。掲載どおりの表記で最終的なプラン名、通貨と期間付きの料金、機能、上限、税に関する注記、各プランボタンのリンク。

お伺いする内容：

• どのファイルがどのページですか？
• プランと料金
• 各プランボタンのリンク先は？
• デザインはお客様のものですか？

プランを比較

質問と回答

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