クラフトベーカリーの架空サイト制作

地域密着型のパン屋として10年間営業してきましたが、コロナ禍での売上減少と競合店の増加により、新規顧客の開拓が急務となっています。職人の技術と素材へのこだわりをデジタルで発信し、遠方からでもお客様に来店いただける魅力的な情報発信基盤を構築したいと考えています。

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

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

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