制作概要
実用性を考慮して制作した、店舗向けのレスポンシブWebサイト（架空の整体院）です。訪問者が求める「メニュー・料金」「アクセス」等の重要情報へスムーズにアクセスできる構成に仕上げました。
- 制作時間：約6時間
- 使用技術：HTML5, CSS3, JavaScript
制作のポイント・工夫した点
1. 視覚的・構造的な使いやすさの追求
トップページ、メニュー・料金ページ、アクセスページの導線を明確にし、店舗の雰囲気や信頼感が伝わるレイアウト設計を意識しました。
2. レスポンシブコーディングの徹底
スマートフォン・タブレット・PCそれぞれの画面サイズにおいて、画像やテキストの配置・余白が美しく崩れないレスポンシブ実装を行っています。
3. 丁寧で再利用しやすいコード設計
後からの要素追加やテキスト変更がスムーズに行えるよう、クラス命名やCSSの構造化を意識してコーディングしました。
制作を通して学んだこと
店舗サイトに求められる情報の優先順位付けと、それを崩さずに表現するコーディング技術を実体験として身につけることができました。
実務での「表示崩れの修正」や「テキスト・画像の差し替え」といった細かな要望にも、迅速に対応できるよう学習を続けていきます。