コーディング（制作期間：12日間）
北海道富良野市を拠点とする不動産会社・株式会社北菱の賃貸情報サイト。
富良野市・上富良野町・中富良野町・南富良野町エリアの賃貸物件を一元掲載し、地域密着型の温かみある雰囲気の中で、ユーザーが物件を探しやすいよう設計されたWordPressテーマです。
地域・間取り・物件種別・こだわり条件など多岐にわたる絞り込み検索をフォームで実装しつつ、チェックボックスの状態をclassとして各articleに付与することで、フィルタリングロジックを保守しやすい構造に徹底しました。
ページ表示のUX面では、js-appearとa-fade-in-slide-up等のクラスによるスクロールアニメーション、Splide.jsを用いたカルーセル、<dialog>要素とclosedby="any"属性を活用したモーダル実装など、モダンなWeb APIを積極的に採用しています。
画像にはsrcsetとsizes属性による解像度最適化、ファーストビュー画像のfetchpriority="high"設定などCore Web Vitalsを意識した表示速度への配慮も施しました。
FLOCSS設計に基づくBEMクラス命名により、ページ・プロジェクト・コンポーネントの責務を明確に分離し、長期的な保守性を確保しています。
ホームページ制作やWebに関するお悩みなど、
どんな小さなことでもお気軽にご相談ください。
「何から始めればいいか分からない」
という段階でも大丈夫です。
内容を確認のうえ、迅速にご対応いたします。
