学習塾の架空サイト制作

「学習塾の冬期講習の受講生を募集するページ作成。勉強に苦手意識を持つ子供本人や保護者に、勉強が好きになる塾があることを周知していただきたい。」という目的で制作を始めました。

本プロジェクトでは、生成AIとFigmaを使用してデザインカンプを制作しました。そして、HTMLとCSS,JavaScriptを使って、デザインカンプを実装しました。

ハンバーガーメニューの動き・デザインは、デザインカンプに指示がなかったため自身で対応

CSS設計はBEMを使用し、保守性・拡張性・再利用性を高めました。コンポーネント化も行いました。

ピクセルパーフェクトを意識し、デザインカンプを忠実に実装しました。画面幅が変わってもデザインが崩れないようにしました。