概要
ペットサロンCOCOROのTOPページを作成しました。
内容:自主制作
制作期間:1ヶ月
使用技術:figma / HTML / CSS / JavaScript
対応機種:PC
| 目的 | アクセスページへのスムーズな誘導や、レスポンシブ時にも崩れない余白(マージン)の設定、視認性の高いフォント選定など、フロントエンドの実装面でも、すっきりと見やすい美しさを意識しました。 |
| ターゲット | 愛犬の安心・安全を大切にする飼い主様 |
| デザイン | ナチュラルで温かみのあるカラーを組み合わせることで、優しく上品なサロンの雰囲気を表現。 全体的にコントラストを抑えた、目に優しい柔らかい配色にし、丸みをつけることで親しみやすさと空間の優しさをデザインに落とし込んだ。 トリマーとワンちゃんの写真など大きく配置し、言葉以上に「安心感」と「実際の雰囲気」が直感的に伝わるようにレイアウトした。 スマートフォン表示(SP)を意識したレイアウトを取り入れ、PC・スマホどちらからでも「WEB予約」「CONTACT」ボタンが押しやすく、ストレスのないUIを意識。 |