• #design
  • #development

八ヶ崎訪問看護ステーション

実績紹介

紹介で訪問看護ステーションのWebサイトを制作しました。

訪問看護ステーションの紹介用Webサイトで、「1ページで事業内容が完結する」「更新頻度は高くない」という要件から、読み込み速度に優れたAstroを選定しました。

また、指定色のアースカラーを基調に、患者に寄り添う看護をイメージし安心感のあるデザインになるように心がけました。

 素材のイラストは生成AIを使用しています。

期間3週間
担当デザイン / 実装 / サーバー・ドメイン取得
フロントエンドAstro / Typescript
使用ツールFigma / Cursor / Photoshop / Firefly / ChatGPT

課題

ステーションのサイトがなくWeb上での認知を得たかった。また、患者様やご家族様にステーション概要を紹介するための紙媒体以外のツールがほしい。

実行した施策と技術的アプローチ

  • フレームワーク: 1ページでシンプルなためAstroを使用
  • アイキャッチ: 生成AI(Firefly)で生成後、ChatGPTでテイストに合うように調整
  • UI/UX: シンプルな内容のため、余白が空きすぎないようにPCでは3カラム構成にし、コンテンツを読みやすくなるようにしました。また、サイドに連絡先やナビゲーションを置き、ユーザービリティを向上させています。