https://teal-dragon-52d557.netlify.app/ ■使用ツール・言語 HTML / CSS（BEM設計） / JavaScript ■説明文 保護者や中高生をメインターゲットとした、学習塾のWebサイト実装を担当しました。 【制作のポイント】 信頼感と視認性の追求: クライアントの要望である「誠実さ」を形にするため、支給されたデザインの意図を汲み取り、清潔感のある配色と読みやすいタイポグラフィを忠実に再現しました。 保守性を重視したコーディング: 運用のしやすさを考慮し、BEM（Block Element Modifier）設計を採用。クラス名の命名規則を統一することで、拡張性とメンテナンス性の高いHTML/CSSを実装しています。 マルチデバイスへの最適化: スマートフォンでの閲覧がメインとなるターゲット層に合わせ、レスポンシブ対応を徹底。どのデバイスからもストレスなく情報を取得できるユーザー体験を構築しました。 ※デザインは支給データを使用、実装のみ担当。