個人の家庭教師向けのランディングページをHTMLとCSSで制作。イラスト付き、スマホ対応

成果物の例

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

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

パソコンで見たページ

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

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

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

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

このサービスについて

保護者や生徒は、信頼で家庭教師を選びます。どんな人か、どう教えるか、相性が合うか。ページではそれをわかりやすく伝えます。科目とレベル、ご自身の説明どおりの学歴と経験、授業の進め方、オンラインか対面か、1回またはパックの料金、体験授業の申し込み方法。ボタンでWhatsApp、Telegram、電話、またはメールが開きます。自動で予約できるスケジュール、決済、生徒用アカウントはありません。成績、試験の点数、合格を約束することはなく、学位やレビューを作ることもありません。ページに記載するのはいただいた事実です。

含まれる内容

• 納品内容index.html、スタイル、画像をまとめたZIPファイル（お使いのサーバーにそのまま設置可能）と、注文ページでのプレビュー。サーバーとドメインはお客様でご用意ください。お渡しするのはコードで、FigmaやPhotoshopのファイルではありません。
• 自己紹介学歴、経験、指導方針を、ご自身の情報をもとに
• 授業の進め方時間、形式、宿題、進捗の確認方法
• 料金1回ごと、またはパックごとに、お客様が決めた料金で
• 体験授業メッセージアプリで申し込めるわかりやすいボタン
• ポートレートご本人の写真でページに親しみが生まれます

ご利用の流れ

1. 1
   依頼内容科目、生徒、形式、料金を説明し、写真をアップロードしていただきます
2. 2
   ページ文章を作成し、イラストを描き、ページを制作します
3. 3
   プレビューとアーカイブスマホで確認し、プランの範囲内で修正を依頼して、ZIPファイルをダウンロードします

ご用意いただくもの

科目、教えている年齢とレベル、対策している試験、掲載どおりの表記で学歴と経験、授業の進め方、オンラインか対面か（対面の場合は場所）、1回またはパックの料金、体験授業の予約用のメッセージアプリや電話番号。PNG、JPEG、WebP形式の画像を最大5点：ポートレートや学習スペースの写真など、使用権をお持ちのもの。

お伺いする内容：

• 何を、誰に教えていますか？
• ご自身について伝えたいことは？
• 授業の進め方と料金は？
• 体験授業の申し込み方法は？

プランを比較

質問と回答

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