地域のお店の料金表ページの新しいデザイン：スクリーンショットから、HTMLとCSSのスマートフォン対応で見やすい料金へ

成果物の例

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

スクリーンショットから作ったベーカリーのトップページの新デザイン

ビフォー：クライアントから届いたスクリーンショット

アフター：新しいページ

ファイル： index.html、スタイル、ページ用に描き下ろした画像2点を収めたZIPファイル。クライアントのサーバーで古いページとそのまま差し替えられます。ここに掲載している画像は各ページのスクリーンショットです。

クライアント： 家族経営のベーカリー、Miller Street Bakery。 ご依頼： 店名、温かみのあるブラウン、営業時間、焼いている商品の一覧はそのままに、古いトップページを新鮮でモダンな印象に。パンの大きな画像と分かりやすい注文ボタンを入れる。

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

このサービスについて

サロン、自動車整備、清掃、修理店、家庭教師、スタジオの料金表のページは、書類からコピーした長い表になっていて、文字が小さく、区切りがなく、スマートフォンでは読めないことがよくあります。今のページのスクリーンショットをアップロードしていただければ、新しくデザインして作ります。サービスをセクションに分け、行き来できるクイックメニューを付け、名前、価格または「から」価格、所要時間がある分かりやすい行、含まれる内容の注記、短いFAQ、見える位置の予約・電話ボタンを、お客様の色とロゴで。すべての価格、名前、条件は、スクリーンショットやご依頼内容のとおりのままで、価格や割引を変えたり、丸めたり、加えたりはしません。各価格はHTMLのシンプルなテキストなので、後から更新しやすくなっています。ページは予約も支払いも受け付けず、ボタンはお客様の電話、メッセンジャー、予約のリンクにつなぎます。

含まれる内容

• お届け内容新しいページのHTMLとCSS、スタイルと画像を収めたZIPアーカイブで、ホスティングにそのままアップロードできます。パソコンとスマートフォンでのプレビューを注文ページで確認できます。プレミアムでは、共通のメニューがある3ページです。
• セクションとクイックメニュー必要なサービスにすぐ移動
• 価格はお客様のとおりに一字一句、数字ひとつ違わず
• 含まれる内容各価格の隣にお客様の注記を
• スマートフォンで読みやすい横長の表ではなく行で
• 更新しやすい各価格がコード内のシンプルなテキストです

ご利用の流れ

1. 1
   スクリーンショット料金表のスクリーンショットをアップロードし、セクションを教えてください
2. 2
   リデザインページを新しくデザインし、画像を描き、組み上げます
3. 3
   プレビュー新しいページを古いページと、パソコンとスマートフォンで見比べます
4. 4
   アーカイブアーカイブをダウンロードし、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

PNG、JPEG、WebPの画像を最大5枚：料金表ページのスクリーンショット（すべての価格が読める鮮明さで）と、お好みでロゴを別のファイルで。サービスのグループ分け、各行に表示するもの（価格、「から」価格、時間、注記）、スクリーンショット以降に変わった価格、今のページで気になる点、電話、メッセンジャー、予約のリンク、スタイルの参考になるお好みのサイトをお知らせください。

お伺いする内容：

• どんな事業ですか？
• セクション
• 各行に何を表示しますか？
• 今のページで気になる点は？
• 予約と連絡先

プランを比較

質問と回答

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