サービス会社のトップページの新しいデザイン：スクリーンショットから、スマートフォン対応のHTMLとCSSの見やすいページへ

成果物の例

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

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

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

アフター：新しいページ

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

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

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

このサービスについて

サービス会社のトップページには、数秒で3つの問いに答える必要があります。何をしているか、どこで働いているか、どう予約するか。古いページは、長い文章やストック写真に埋もれ、電話番号が一番下で見つからないことがよくあります。トップページのスクリーンショットをアップロードしていただければ、新しくデザインして作ります。提案内容と見える位置の電話・メッセージボタンがある最初の画面、カードで分かりやすいサービス、作業の流れをステップごとに、対応エリア、すでにページにある口コミと保証、連絡先まで、お客様のロゴと色で、スマートフォン版つきです。サービスやセクション用の新しい画像は描き起こします。スタッフや仕事の写真は、スクリーンショットから使うか、場所を示して残します。お知らせいただいていない価格、口コミ、免許、数字は加えません。予約ボタンは、お客様の電話、メッセンジャー、既存のリンクにつなぎます。

含まれる内容

• お届け内容新しいページのHTMLとCSS、スタイルと画像を収めたZIPアーカイブで、ホスティングにそのままアップロードできます。パソコンとスマートフォンでのプレビューを注文ページで確認できます。プレミアムでは、共通のメニューがある3ページです。
• 答えが見える最初の画面何をしているか、どこで、どう予約するか
• サービスをカードでスマートフォンでもひと目で分かる
• お客様の実績だけ口コミと保証はお知らせいただいたとおりに
• 連絡ボタンが見える位置に電話、メッセージ、予約のリンク
• スマートフォン対応のすっきりしたコードシンプルなHTMLとCSSで、他のサイトからは何も読み込みません

ご利用の流れ

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

ご用意いただくもの

PNG、JPEG、WebPの画像を最大5枚：トップページのスクリーンショット（できれば1枚に1ページ分）と、お好みでロゴを別のファイルで。主なサービスを重要な順に、対応エリア、今のページで気になる点と残したい点、掲載してよい口コミや保証、電話、メッセンジャー、予約のリンク、スタイルの参考になるお好みのサイトをお知らせください。

お伺いする内容：

• 主なサービス
• どこで、いつ働いているか
• 今のページで気になる点は？
• ボタンと連絡先
• 残すべきものは何ですか？

プランを比較

質問と回答

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