Webサイト · サービス：布張り家具の張り替えと修復、B2C、モスクワとモスクワ州
家具張り替え工房のWebサイト
Babaevskaya Workshop · 2026 · Webサイト · Next.js 16, React 19
ソファのビフォー/アフターを切り替えるアニメーションと申し込みフォームを備えた、「温かみのある工房」の1ページサイト
家具張り替え工房のためのプロモーション用ランディングページです。13のセクション（サービス、料金、カーテン式スライダーによるビフォー/アフター事例、作業工程、口コミ、見積もり計算型の申し込みフォーム、地図付きの連絡先）で構成しています。ビジュアルコンセプトは「温かみのある工房」。ベージュとブラウンの配色、粒子感のある質感、プリローダーの針と糸、そしてソファが生まれ変わる動画をスクロールに合わせてコマ送りする演出です。広告からの集客を前提に構築し、LocalBusinessのSEOマークアップを実装しています。
課題
工房には、広告からの流入を受け止められるサイトが必要でした。サービスと料金をすばやく伝え、信頼を築き、家具の写真付きの申し込みを集めることが目的です。
主な機能
- 13のセクション：ヘッダー、布の波紋エフェクト付きのヒーロー、数値カウンター、スクロールで変化するソファ、サービス、料金、ビフォー/アフター事例、5ステップの工程、工房について、口コミ、見積もりフォーム、連絡先、フッター
- 2つの申し込みフォーム：手軽な折り返し電話の依頼と、写真を最大5枚アップロードできる詳細見積もり。ロシアの電話番号の入力マスクと検証をクライアント側とサーバー側の両方で実施
- API /api/lead：申し込みをJSONに保存（CRM連携に対応可能）
- SEO：sitemap.xml、robots.txt、LocalBusiness JSON-LD、Open Graph
- アニメーション：「針と糸」のプリローダー、Lenisによるスムーススクロール、GSAP ScrollTrigger、マグネティックボタン、カスタムカーソル
機械翻訳です。現在校正中です。
画面イメージ
-
イラスト