コーヒーショップ向けのランディングページをHTMLとCSSで制作：ドリンク、豆、イラスト、スマホ対応

成果物の例

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

リスボンのフラワースタジオのランディングページ

パソコンで見たページ

スマートフォンで見た同じページ

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

クライアント： リスボン市内に花束を届ける小さなフラワースタジオ、Fern & Stem。 ご依頼： 花束、毎週届く定期便、イベント用の花、料金、配送条件、WhatsAppでの注文を載せたランディングページ。配色はクリーム、セージ、テラコッタ。

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

このサービスについて

コーヒーショップのランディングページは、近くの人に朝の一杯を選んでもらうためのページです。ドリンクと料金、使っている豆、焼き菓子、開店時間、正確な場所を掲載。メニュー、豆、営業時間、住所をお送りいただければ、短く親しみやすい文章を作成し、カップ、豆、カウンターのイラストを統一したタッチで描き、スマホですばやく表示されるHTMLとCSSのページを制作します。ボタンは電話、メッセージアプリ、またはすでにお持ちの事前注文リンクにつながります。ページ自体では何も販売しません。カート、ドリンクや豆の決済、データを送信するフォームはありません。産地、焙煎の特徴、料金は、お客様からいただいた情報のみで書きます。

含まれる内容

• 納品内容ページ、スタイル、画像をまとめたZIPファイル（サーバー用）と、注文ページでのプレビュー
• ドリンクメニューエスプレッソドリンク、フィルター、紅茶、季節のドリンクを料金付きで
• コーヒー豆産地と味の特徴をお客様の説明どおりに。豆を販売している場合はその案内も
• 焼き菓子とフードコーヒーと一緒に出しているものを、お送りいただいたリストから
• 個性あるイラストカップ、豆、カウンターを統一したタッチで描き下ろし。ストックフォトは使いません
• 場所と営業時間店舗ごとに営業時間、住所、地図リンクを掲載

ご利用の流れ

1. 1
   メニューと豆ドリンク、料金、豆、営業時間、住所をお送りいただきます
2. 2
   ページ文章とイラストを作成し、パソコンとスマホでページを確認していただけます
3. 3
   アーカイブZIPファイルをダウンロードし、プランの範囲内で修正を依頼できます

ご用意いただくもの

店名、住所（複数ある場合はすべて）、営業時間、連絡先。料金付きのドリンクメニュー、ご希望であればミルクの選択肢。使用・販売している豆と、お客様の言葉で産地と味の特徴。焼き菓子やフード。ポイントカード、テイスティング、イベントは実際にある場合のみ。事前注文や連絡の方法（電話、メッセージアプリ、またはリンク）。任意で、PNG、JPEG、WebP形式の画像を最大5点：ロゴ、コーヒーや店舗の写真など、使用権をお持ちのもの。

お伺いする内容：

• 何を提供していますか？
• コーヒー豆とそのストーリー
• 事前注文や連絡の方法は？
• ページの見た目

プランを比較

質問と回答

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