連絡先と店舗ページの新しいデザイン：住所、営業時間、連絡方法を、HTMLとCSSで

成果物の例

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

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

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

アフター：新しいページ

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

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

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

このサービスについて

連絡先のページでは、タップしてすぐ動きたいものです。電話をかける、メッセンジャーで書く、ルートを開く。古いページには、小さな地図、タップできない電話番号、段落に埋もれた営業時間がよくあります。今のページのスクリーンショットをアップロードしていただければ、新しくデザインして作ります。スマートフォンで電話をかけ、メッセンジャーやメールを開くボタン、お知らせいただいた営業時間、行き方、駐車場の注記つきの各住所、お客様のリンクで地図アプリに場所を開くボタン、複数の店舗なら店舗ごとのカード。住所、電話、営業時間、案内は、スクリーンショットやご依頼内容のとおりのままで、こちらで調べたり、足りない部分を補ったりはしません。ページは他のサイトから何も読み込まないため、ライブマップは組み込まれていません。開発担当の方が、印をつけた場所に地図の埋め込みコードを貼り付けられます。

含まれる内容

• お届け内容新しいページのHTMLとCSS、スタイルと画像を収めたZIPアーカイブで、ホスティングにそのままアップロードできます。パソコンとスマートフォンでのプレビューを注文ページで確認できます。プレミアムでは、1つのスタイルの3ページです。
• タップして電話・メッセージ電話、メッセンジャー、メールのボタン
• 店舗ごとのカード住所、営業時間、行き方をまとめて
• 地図のリンク各場所を地図アプリで開く
• お客様の情報だけ調べたり、推測したりしません
• スマートフォン対応のすっきりしたコードシンプルなHTMLとCSSで、他のサイトからは何も読み込みません

ご利用の流れ

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

ご用意いただくもの

PNG、JPEG、WebPの画像を最大5枚：連絡先または店舗ページのスクリーンショットと、お好みでロゴを別のファイルで。各店舗の住所、営業時間、電話、行き方を表示したいとおりに、メッセンジャーとメールアドレス、各住所のGoogleマップなどの地図のリンク、今のページで気になる点と残したい点、スタイルの参考になるお好みのサイトをお知らせください。

お伺いする内容：

• 店舗
• 連絡方法
• 営業時間と行き方
• 地図のリンク
• 残すべきものは何ですか？

プランを比較

質問と回答

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