自主制作
ドッグトレーニングサイト
家族の一員としての個性を大切に育てるドッグトレーニングサイト
デザインカンプからの課題教材を使用し、架空ドッグトレーニングサイトのコーディングを行いました。
ロゴや配色、題材、画像、テキストを変え、半オリジナル化をした作品となります。
Planning
企画設計
サイトのコンセプトを「無理なく、楽しく、安心できるトレーニングサイト」としました。フォントや、サービス紹介のフレームで親しみやすさがわくように配慮しました。
Design
デザイン
サイト全体に丸みのあるデザインを使用し、柔らかな印象を与えることを意識しました。
Point
こだわったところ
ベージュの背景付きのセクションでは大きさや位置は画面幅と連動するように設計。
Review
振り返り
単調なレイアウトにならないよう、テキストにラインを引いたり、スライドナビゲーションにもアクセントカラーの見出しをつけるなど
少しの工夫でサイトの完成度が変わることを実感しました。
- Tools
- Figma cursor
- Language
- HTML CSS JQuery
- ID、passward
- セキュリティ保護のため、ベーシック認証を使用しています。
以下の情報を入力してご覧ください。
ユーザー名：demo
パスワード：demo
ブラウザでアクセスすると、認証画面が表示されますので、上記の情報を入力してください。
View Site