←BACK TO WORKS一覧へ戻る
実案件FeaturedLP
RECLEAR
外壁洗浄・ハウスクリーニング / LP（ランディングページ）
「塗り替えの前に、洗う」を訴求する外壁洗浄専門のランディングページ。全幅のBefore/Afterスライダーで洗浄効果を体感させ、無料テスト洗浄へ導く1枚完結ページ。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
「塗り替えの前に、洗うという選択を」を軸に、ヒーローと施工事例4件に全幅インタラクティブなBefore/Afterスライダー（clip-path＋レンジ操作・iOS安全）を据えた外壁洗浄LP。お悩み提起→料金比較→選ばれる理由→施工事例→植物性バイオ洗浄の安心→料金プラン→ご依頼の流れ→お客様の声→SNS→FAQ→問い合わせを1ページに集約し、実績カウントアップ・FAQアコーディオン・疑似送信フォーム（ハニーポット）・特商法/プライバシーのページ内モーダルを実装した。
背景・課題
「塗装より安く、建物にやさしい洗浄」という代替提案を、言葉ではなく“体験”で伝えるため、全幅のBefore/Afterスライダーを看板に据えた。clip-path insetとrange入力で実装し、iOS Safariで不具合の出やすいblur/backdrop/100vh/パララックスを一切使わず、100svh二段・prefers-reduced-motion・3段レスポンシブで全デバイスの安定表示を担保した。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
Before/Afterスライダー施工事例カウントアップFAQフォームSNS連携
使用技術
HTMLCSSJavaScript
CMSなし
フォームあり
アニメーションあり