地域振興キャンペーンOnomichi

Points

観光キャンペーンらしい賑やかな動きを、デザインカンプに忠実に再現しつつ実装で品質を追求。

CSS設計は FLOCSS + BEM で責務分離と命名規則を徹底。

画像の無限ループスライダーは Swiper で実装し、autoplay と loop を自然に繋がるよう調整。FAQ アコーディオン・特典モーダルは自前で軽量実装。

<picture> による SP/PC 出し分け、clamp() でレスポンシブを連続的に変化。手数の多い実装を破綻なくまとめました。