| 制作期間 | 2週間 |
|---|---|
| 担当範囲 | デザイン / コーディング |
| 使用技術 | HTML, CSS, JavaScript |
| 使用ツール | Figma |
| クライアント | ターゲット |
|---|---|
| 自分 | 中小企業 / 個人事業主様 |
| 制作目的 | |
| ターゲットの魅力が自然に伝わるように発信することを目的とし、その相談先としてお問い合わせにつなげることを意識して制作 | |
コンセプト
「やさしさ」と「安心感」をテーマに制作。 情報量を増やしすぎず、初めて訪れた人でも迷わず閲覧できるように、余白や視線誘導を意識しました。また、柔らかい配色と波形デザインを使用し、親しみやすい印象になるよう設計しました。
制作ポイント
- clamp() を使用して文字サイズを可変化
- SVGの波アニメーションで柔らかい印象を演出
- hover時にtransformを使用し、自然な動きを追加
- スマホ時の余白を細かく調整して視認性を改善
