
網站 · 服務業:軟墊家具翻新與修復,面向一般消費者(B2C),莫斯科與莫斯科州
家具翻新工坊網站
Babaevskaya Workshop · 2026 · 網站 · Next.js 16, React 19
「溫暖工坊」風格的單頁網站,具備沙發翻新前後轉場動畫與詢問表單
為家具翻新工坊設計的宣傳登陸頁:13 個區塊(服務、價格、附簾幕滑桿的前後對照案例、工作階段、評價、試算式詢問表單、附地圖的聯絡資訊)。視覺概念是「溫暖工坊」:米色與棕色調、顆粒質感、載入畫面中的針線,以及沙發改造影片的逐格捲動播放。網站專為廣告導流而打造,並附有 LocalBusiness 的 SEO 標記。
任務
工坊需要一個現成的網站承接廣告流量:快速展示服務與價格、建立信任,並蒐集附有家具照片的詢問。
核心功能
- 13 個區塊:頁首、帶布料漣漪效果的主視覺、數據計數器、捲動時的沙發改造、服務、價格、前後對照案例、5 步驟流程、關於工坊、評價、報價表單、聯絡資訊、頁尾
- 兩種詢問表單:快速回電,以及可上傳最多 5 張照片的詳細報價;俄羅斯電話號碼的輸入遮罩與驗證,在用戶端與伺服器端皆會進行
- API /api/lead — 將詢問儲存為 JSON(可隨時接上 CRM)
- SEO:sitemap.xml、robots.txt、LocalBusiness JSON-LD、Open Graph
- 動畫:「針線」載入畫面、Lenis 平滑捲動、GSAP ScrollTrigger、磁吸按鈕、自訂游標
機器翻譯,校對中。
介面一覽
-
插圖