動物病院向けのランディングページをHTMLとCSSで制作。イラスト付き、スマホ対応

成果物の例

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

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

パソコンで見たページ

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

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

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

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

このサービスについて

飼い主が動物病院のページを開くのは心配なときで、多くはスマホから。知りたいのは3つ。開いているか、うちの子を診てもらえるか、どう電話すればいいか。そこで電話番号と診療時間を最上部に置き、続いて診療対象の動物、健康診断、ワクチン、手術、検査などのサービス、ご紹介どおりの獣医師、掲載する場合は料金、住所と駐車場を掲載します。予約は電話、メッセージアプリ、または既存の予約リンクで行い、ページに予約システムや決済はありません。掲載するのはお客様ご自身の事実のみです。治癒の約束、医療上のアドバイスはせず、許認可、設備、レビューを作ることもありません。

含まれる内容

• 納品内容index.html、スタイル、画像をまとめたZIPファイル（お使いのサーバーにそのまま設置可能）と、注文ページでのプレビュー。サーバーとドメインはお客様でご用意ください。お渡しするのはコードで、FigmaやPhotoshopのファイルではありません。
• まず電話番号と診療時間最初の画面に表示し、スマホでは常に手の届く位置に
• 対象動物とサービス犬、猫、うさぎ、エキゾチックアニマルなど、診療対象どおりに
• 獣医師名前と経験をいただいたとおりに
• 初めての来院持ち物と準備を、お客様ご自身の案内どおりに
• 緊急時夜間・救急の連絡先は実際にある場合のみ

ご利用の流れ

1. 1
   依頼内容サービス、診療時間、獣医師、料金をお送りいただき、写真をアップロードしていただきます
2. 2
   ページ文章を作成し、親しみやすい動物のイラストを描き、ページを制作します
3. 3
   プレビューとアーカイブすべてのサービスと数字を確認し、プランの範囲内で修正を依頼して、ZIPファイルをダウンロードします

ご用意いただくもの

病院名、住所、駐車場、診療時間、夜間・救急の番号（ある場合）、診療対象の動物、掲載する場合はサービスと料金、掲載どおりの表記で獣医師の名前と経験、初診時の持ち物、掲載をご希望の場合は許認可情報、予約方法（電話、メッセージアプリ、または予約リンク）。PNG、JPEG、WebP形式の画像を最大5点：ロゴ、病院や獣医師の写真など、使用権をお持ちのもの。

お伺いする内容：

• 診療対象の動物とサービスは？
• 診療時間は？
• 獣医師は？
• ページに載せる料金は？
• 場所と予約方法は？

プランを比較

質問と回答

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