LP
訪問看護ステーション LP / デザイン・コーディング
- 概要
- 訪問看護ステーションのサービス認知および問い合わせ獲得を目的としたランディングページを想定し、オリジナルでデザインからコーディングまで一貫して制作しました。 サービス内容・利用の流れ・料金・対応エリアなど、利用検討に必要な情報を1ページに集約し、初めて訪問看護を利用する方にも分かりやすい構成を意識しています。 また、スマートフォン閲覧を想定し、レスポンシブ対応で実装しています。
- 制作コンセプト
- 「安心感・やさしさ・信頼感」を軸に、訪問看護というサービスに対する心理的ハードルを下げるデザインを意識しました。
全体を淡いオレンジやベージュ系で統一し、温かみのある印象に仕上げています。余白をしっかり確保し、視線誘導を意識したレイアウトにすることで、情報量が多くても読みやすい構成にしています。
また、
サービス内容
利用の流れ
実績（スタッフ数・訪問件数など）
を段階的に配置し、ユーザーが自然に理解を深めながらお問い合わせへ進める導線設計を行いました。 - 制作期間
- 2週間
- 使用ツール
- HTML / CSS / Sass / JavaScript / VS code / Figma
- 制作範囲
- ・デザイン（Figma）
・HTML / CSS / Sassによるコーディング
・レスポンシブ対応（PC / タブレット / スマートフォン）
・セクション構成設計（情報設計・導線設計）
・CTA（お問い合わせ導線）の設計
・数値実績セクションのレイアウト実装
・利用の流れ（フロー）のUI設計
・hoverアニメーション / フェードイン演出実装
