気に入ったサイトのスタイルで、お客様のコンテンツを使ったページをHTMLとCSSで制作、スマホ対応

成果物の例

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

デザインどおりに作った歯科医院のトップページ

ビフォー：クライアントから届いたデザイン

アフター：実際に動くページ

ファイル： index.html、スタイル、ページ用の画像2点を収めたZIPファイル。クライアントのサーバーにそのままアップロードできます。ここに掲載している画像はページのスクリーンショットです。

クライアント： 歯科医院のBright Smile Dental。 ご依頼： トップページのデザインを、同じレイアウト・配色・テキストのまま実際に動くHTMLページにし、医院に電話がかかる予約ボタンを付ける。

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

このサービスについて

見た目が気に入ったサイトがあり、自分のページも似た雰囲気にしたい。スタイルの参考としてそのサイトのスクリーンショットを、ご自身の文章、ロゴ、写真とともにアップロードしていただければ、見た目とレイアウトの考え方だけを取り入れたページをHTMLとCSSで制作します。雰囲気、余白、文字のスタイル、セクションの並べ方。そのサイトのロゴ、ブランド、文章、写真、イラストは一切使いません。コンテンツはお客様のもので、画像は新たに描き起こします。できあがるのは似た雰囲気を持つお客様自身のページで、そのサイトのコピーではありません。スマホ版と、サーバー用のZIPファイルをお渡しします。アニメーション、バックエンド、CMS、ホスティングはありません。

含まれる内容

• 納品内容ページ、スタイル、画像をまとめたZIPファイル（サーバーにすぐアップロード可能）と、注文ページでの全ページのプレビュー。
• コンテンツではなくスタイルを参考サイトの雰囲気、余白、文字のスタイル、セクションのリズム
• お客様のコンテンツ文章、ロゴ、写真を、お送りいただいたとおりに
• 画像は新たに描き起こし参考サイトの雰囲気で、コピーは一切しません
• スマホ対応参考サイトがデスクトップ画面のみでも対応
• きれいなコードシンプルなHTMLとCSS。フレームワークなし、他のサイトから何も読み込みません

ご利用の流れ

1. 1
   参考サイトとコンテンツ気に入ったサイトのスクリーンショットをアップロードし、ご自身の文章をお送りいただきます
2. 2
   コーディングそのスタイルでページを制作し、新しい画像を描きます
3. 3
   プレビューとアーカイブパソコンとスマホでページを確認し、アーカイブをダウンロードして、プランの範囲内で修正を依頼できます

ご用意いただくもの

PNG、JPEG、WebP形式の画像を最大5点：スタイルの参考としてのみ使う、気に入ったサイトのスクリーンショット1〜2枚、そしてご自身が所有または使用権をお持ちのロゴと写真。全セクションの文章、お持ちであればブランドカラー、参考サイトのどこが気に入ったか（大きな見出しや広い余白など）、各ボタンのリンク先。

お伺いする内容：

• 参考サイトのどこが気に入っていますか？
• ページの目的は？
• 各セクションの文章
• お客様の色とロゴ
• ロゴ、写真、文章はお客様のものですか？

プランを比較

質問と回答

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