農園の架空サイト制作

「農園の求人を募集するページを作成。持続可能な農業で、地球と人の健康を守る仲間を探したい。」という目的で制作を始めました。

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

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

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

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