歯医者のトップページ
Webサイトの基本情報
- 制作時間：
- 1日
- 担当工程：
- コーディング
- 使用技術：
- HTML5 CSS(SCSS) Jquery
Work
お問い合わせ
contact
お問い合わせフォームより、お問い合わせください。 また、メールでのお問い合わせでも可能です。
お問い合わせフォームへ
共通パーツはコンポーネント化し、再利用しやすい構造としています。
命名規則にはBEMを採用し、クラスの役割が明確になるよう設計しました。
ユーザビリティ向上のため、ヘッダーを固定し、背景に色を付けることで常に視認しやすい状態を維持しています。
また、診療メニューは重要度が高いコンテンツと考え、タブレットサイズでは2列×2行のレイアウトを採用しました。
PCでは4列、スマートフォンでは1列表示とし、各デバイスに応じて最も見やすい構成になるよう調整しています。