古くなった企業サイトを新しいデザインに：スクリーンショットからHTMLとCSSのモダンなページへ、スマホ対応

成果物の例

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

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

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

アフター：新しいページ

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

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

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

このサービスについて

何年も前に作った企業サイトは、内容は今でも正しいことが多いのに、小さな文字、詰め込まれた段組み、古い写真、スマホ版がないことで、実際より古い会社に見えてしまいます。ページのスクリーンショットをアップロードし、残すべき部分をお知らせいただければ、デザインを一新して実際に動くページを作ります。文章、サービス、連絡先、ロゴ、ブランドカラーを、わかりやすいセクションのモダンなレイアウトに。描き下ろしイラストとスマホ版も用意します。古いページのコピーではなく、新しいデザインです。事実はいただいたとおりに保ち、価格、取引先、創業年数を加えることはありません。お客様のサイトにログインすることはなく、新しいページの設置はお客様またはサイトの管理者が行います。データを送信するフォーム、CMS、サイトの移転は含まれません。

含まれる内容

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

ご利用の流れ

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

ご用意いただくもの

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

お伺いする内容：

• どのスクリーンショットがどのページですか？
• 古く感じる点は？
• 残すべき点は？
• 変わった点は？
• リンクとお問い合わせボタン

プランを比較

質問と回答

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