オンライン講座向けのセールスページをHTMLとCSSで制作。イラスト付き、スマホ対応

成果物の例

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

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

パソコンで見たページ

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

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

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

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

このサービスについて

講座のページは、数画面で、何が学べるか、どう教えるか、誰が教えるか、いくらかを説明する必要があります。依頼内容をもとに作成します。お客様の言葉での講座の目的、モジュール別のカリキュラム、形式と期間、講師、料金プランとそれぞれの内容、支払い前によくある質問。参加ボタンは既存の決済ページや講座を運営しているプラットフォームにつながるか、メッセージアプリを開きます。ページ自体では決済を受け付けず、受講生エリアや講義の配信もありません。収入、就職、成果を約束することはなく、受講生のレビューや人数はいただいたとおりにのみ掲載します。

含まれる内容

• 納品内容index.html、スタイル、画像をまとめたZIPファイル（お使いのサーバーにそのまま設置可能）と、注文ページでのプレビュー。サーバーとドメインはお客様でご用意ください。お渡しするのはコードで、FigmaやPhotoshopのファイルではありません。
• カリキュラムモジュールと講義をわかりやすい一覧に
• 料金プランそれぞれの内容と料金を比較表示
• 講師経験を事実で、写真とともに
• お支払い前にアクセス、期間、返金についてのよくある質問を、お客様の条件どおりに
• 開講日開始日と早期割引価格は設定されている場合のみ。変更も簡単

ご利用の流れ

1. 1
   依頼内容講座、カリキュラム、料金プラン、決済リンクをお知らせいただきます
2. 2
   ページセールス文章を作成し、イラストを描き、ページを制作します
3. 3
   プレビューとアーカイブすべての記載内容と料金を確認し、プランの範囲内で修正を依頼して、ZIPファイルをダウンロードします

ご用意いただくもの

講座名とテーマ、対象者、受講後にできるようになること（お客様の言葉で）、モジュール別のカリキュラム、形式、期間、開始日、講師の経験、料金プランと内容、返金と受講期間の条件、決済・参加用のリンク。レビューは実際のもので掲載できる場合のみ。PNG、JPEG、WebP形式の画像を最大5点：ロゴ、ご自身の写真、講座のスクリーンショットなど、使用権をお持ちのもの。

お伺いする内容：

• どんな講座で、誰向けですか？
• カリキュラムの内容は？
• 講師は誰ですか？
• 料金プランと決済場所は？

プランを比較

質問と回答

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