今のページを新しいデザインに：スクリーンショットからHTMLとCSSのモダンなページへ、スマホ版付き

成果物の例

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

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

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

アフター：新しいページ

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

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

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

このサービスについて

ページは動いているけれど、古く見える、ごちゃごちゃしている、スマホで使いにくい。そんなページのスクリーンショットをアップロードし、気に入らない点と残すべき点をお知らせいただければ、デザインを一新して実際に動くページとしてコーディングします。内容、ロゴ、ブランドカラーはそのままに、モダンなレイアウト、わかりやすいセクション、描き下ろしイラスト、スマホ版を用意します。文章はスクリーンショットから使い、ご了承いただける範囲で短く、わかりやすくしますが、事実を加えることはありません。価格、住所、レビュー、数字はいただいたとおりです。お渡しするのは、HTMLとCSSのページ、スタイル、画像をまとめたファイルで、全ページのプレビューは注文ページでパソコンとスマホからご確認いただけます。スクリーンショットと依頼内容だけをもとに作業し、サイトへのログインや変更は行わないため、古いページから新しいページへの差し替えはお客様または開発担当者が行います。データを送信するフォーム、ショップ、決済、CMS、別のプラットフォームへのサイト移転はこのサービスに含まれず、お問い合わせボタンはメール、電話、メッセージアプリにつながります。お渡しするのはコードで、FigmaやPhotoshopのファイルではありません。

含まれる内容

• 納品内容新しいページ、スタイル、画像をまとめたZIPファイル。そのままサーバーにアップロードでき、全ページのプレビューは注文ページでご確認いただけます。
• 内容はそのまま文章、セクション、連絡先を、よりわかりやすい順番に
• ブランドはそのままロゴ、色、トーンを新鮮なデザインで
• 新しいイラスト古い画像や素材写真の代わりに、ページ用に描き下ろし
• スマホでもきれいに小さなスマホからワイド画面まで、スマホ用メニュー付き
• きれいなコードシンプルなHTMLとCSS。ビルダーもトラッカーもなく、他のサイトから何も読み込みません

ご利用の流れ

1. 1
   スクリーンショットページのスクリーンショットをアップロードし、変える点と残す点をお知らせいただきます
2. 2
   リニューアルページのデザインを一新し、イラストを描いてコーディングします
3. 3
   プレビューパソコンとスマホで新旧のページを見比べていただきます
4. 4
   アーカイブアーカイブをダウンロードし、プランの範囲内で修正を依頼できます

ご用意いただくもの

PNG、JPEG、WebP形式の画像を最大5点：現在のページのスクリーンショット（できれば1枚につき1ページ全体、文字が読める解像度で）と、ご希望であれば別ファイルのロゴ。どのスクリーンショットがどのページか、気に入らない点と残すべき点、変更したい文章、連絡先と各ボタンのリンク先、参考にしたいサイトがあればそのサイトをお知らせください。

お伺いする内容：

• どのスクリーンショットがどのページですか？
• 今のページの気に入らない点は？
• 残すべき点は？
• リンク、連絡先、ボタン
• ご希望のスタイルは？

プランを比較

質問と回答

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