新商品の発売向けのランディングページをHTMLとCSSで制作。イラスト付き、スマホ対応

成果物の例

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

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

パソコンで見たページ

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

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

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

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

このサービスについて

発売ページの役割は1つ。新商品を数秒で理解してもらい、購入できる場所へ案内することです。依頼内容をもとに制作します。商品の概要と解決する課題、主な特長と仕様、対象者、使い方、発売日と価格、販売場所（自社ショップ、マーケットプレイス、店舗）。こちらで描くイラストは商品の雰囲気や使用シーンを表すもので、商品そのものを正確に見せるにはお客様の写真やレンダリング画像が必要です。「購入する」ボタンはいただいたショップのリンクにつながります。ページにカート機能はなく、決済も受け付けません。仕様、レビュー、販売数を作ることはありません。お渡しするのはZIPファイルに入ったコードで、サーバーは含まれません。

含まれる内容

• 納品内容index.html、スタイル、画像をまとめたZIPファイルと、注文ページでのプレビュー
• わかりやすいファーストビュー商品、お客様の情報に基づく一番の魅力、購入ボタン
• 特長と仕様いただいたとおりに、わかりやすい言葉で
• 発売日テキストで表示、またはご希望であれば小さなカウントダウンで
• 購入場所ショップ、マーケットプレイス、店舗へのボタン
• 商品写真お客様の写真やレンダリング画像をイラストと並べて配置

ご利用の流れ

1. 1
   依頼内容商品、発売日、価格、ショップのリンクを説明していただきます
2. 2
   ページ文章を作成し、イラストを描き、ページを制作します
3. 3
   プレビューとアーカイブすべての仕様を確認し、修正を依頼して、ZIPファイルをダウンロードします

ご用意いただくもの

商品の概要と対象者、新しい点、主な特長と仕様、発売日と価格、販売場所へのリンク、購入者がよく尋ねる質問、掲載できる実際のレビューやメディア掲載。任意で、PNG、JPEG、WebP形式の画像を最大5点：ロゴ、商品の写真やレンダリング画像。

お伺いする内容：

• どんな商品で、誰向けですか？
• 新しい点は？
• 発売日、価格、購入場所
• お好みの色とスタイル

プランを比較

質問と回答

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