Works
#website
サービス紹介ページ
介護・医療分野のサービスサイトを想定したLP(トップページ)を制作しました。
- 制作背景
- 介護・医療領域のサービスサイトとして、ユーザーが安心してサービス内容を理解できる構成のLPを制作しました。 既存のデザインカンプをもとに、デザインの意図を損なわないよう再現しながら、Web上での閲覧性や操作性を考慮してコーディングを行っています。
- 工夫した点
- ・デザインカンプの再現性
Figmaで作成されたデザインカンプをもとに、余白・フォントサイズ・要素の配置などを調整しながら、意図したデザインをできるだけ忠実に再現しました。
・レスポンシブ対応
PCデザインをベースに、スマートフォンやタブレットでも閲覧しやすいようレイアウトを調整。 カードレイアウトや余白設計を見直し、画面サイズが変わっても視認性が保たれるよう設計しました。
・UIの実装
スライダーやホバー表現などのUI要素を実装し、ユーザーが直感的に操作できるインターフェースを意識しました。 - 担当範囲
- ・コーディング（HTML / CSS）
・レスポンシブ対応
・UI実装（スライダー / ホバーアニメーション など）
※デザイン：支給デザインカンプをもとに実装 - 製作期間
- コーディング（1週間）
- 使用ツール
- Figma / VScode
HTML / CSS / JavaScript
