コーディング / Figma / HTML / CSS / jQuery
制作期間:2週間
参加しているコミュニティETELLIA
ONLINEの課題で制作した架空の工務店サイトです。figmaのオリジナルデザインカンプを元に、HTML
CSSコーディングを行いました。
カルーセルスライダーやハンバーガーメニュー、カテゴリの並び替え等をjQuery、JavaScriptで実装しています。また、Googleマップの埋め込みも行っています。
レスポンシブデザインはお任せであった為元のデザインを大幅に崩さない事を心がけながらコーディングを行いました。
ヘッダーはPCデザインのまま左にあるとコンテンツの幅が小さくなってしまう事を考慮し、レスポンシブの際は上に配置して追従させるようにしました。