ペットウェアの架空サイト制作

「新規OPENする犬のお洋服・ファッションアイテムのショップ。見た人が自分の家族（ペット）に着せたくなるようなワクワクするネットショップを作りたい。」という目的で制作を始めました。

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

画像は圧縮して、ページの軽量化をしました。

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

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