ショップ紹介サイトをHTMLとCSSで制作：料金付きの商品とメッセージ注文ボタン、カートなし

成果物の例

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

デンバーの水道設備会社の3ページ構成のウェブサイト

トップページとサービスページ

スマートフォンで見たトップページ

ファイル： 互いにリンクした3つのHTMLページ、スタイル、サイト用に描き下ろした画像6点を収めたZIPファイル。クライアントのサーバーにそのままアップロードできます。ここに掲載している画像は各ページのスクリーンショットです。

クライアント： 家族経営の水道設備会社、Northline Plumbing。 ご依頼： 「ホーム」「サービス」「お問い合わせ」の3ページからなる小さなウェブサイト。料金、営業時間、24時間365日の緊急出張、全ページの電話リンクを載せ、深い青にオレンジのアクセントで。

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

このサービスについて

ショップ紹介サイトは、メッセージで注文を受ける小さなお店や作り手のためのシンプルなサイトです。写真、短い説明、料金付きで商品を紹介し、各商品に、商品名入りのWhatsApp、メッセージアプリ、メールを開く注文ボタンを付けます。はっきり申し上げると、サイトにカート、注文手続き、オンライン決済、在庫管理、顧客アカウントはありません。注文、支払い、配送は購入者とチャットで取り決めていただきます。商品カード、カテゴリ、お客様の条件での注文・配送・返品のページ、連絡先を、すべて依頼内容をもとに制作します。料金、サイズ、配送日数、レビューを作ることはありません。サーバーとドメインは含まれません。

含まれる内容

• 納品内容ショップ紹介ページ、スタイル、画像をまとめたZIPファイル（お使いのサーバーにそのまま設置可能）と、注文ページでの全ページのプレビュー。
• 料金付きの商品カード写真、商品名、1〜2行の説明、お客様が決めた料金
• メッセージで注文各ボタンで、商品名入りのWhatsApp、メッセージアプリ、メールが開きます
• カートなしを明記注文と支払いが実際にどう進むかを、短い案内で購入者に伝えます
• 配送と返品お客様の条件を、いただいたとおりにわかりやすく
• スマホ向けに設計購入者の多くはスマホから訪れるため、カードとボタンは小さな画面にフィット

ご利用の流れ

1. 1
   依頼内容商品、料金、注文の受け方、配送方法をお知らせいただきます
2. 2
   サイトとプレビュー文章を作成し、イラストを描き、ページを制作します。パソコンとスマホで確認していただけます
3. 3
   アーカイブアーカイブをダウンロードし、プランの範囲内で修正を依頼できます

ご用意いただくもの

商品名・1〜2行の説明・サイズやオプション・通貨付きの料金（複数ある場合はカテゴリ分け）、注文用のWhatsApp番号・メッセージアプリ・メール、支払いと配送の方法、返品条件、掲載どおりの表記で連絡先。任意で、PNG、JPEG、WebP形式の画像を最大5点：ロゴ、ご自身の商品の写真など、使用権をお持ちのもの。写真のない商品にはイラストを付け、あとからコードで実際の写真に差し替えられます。

お伺いする内容：

• 何を販売していますか？
• 料金付きの商品
• 注文ボタンのリンク先は？
• 支払い、配送、返品

プランを比較

質問と回答

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