Closetez — custom closets у Атланті з free 3D design і лід-воронкою
Корпоративний сайт + лід-воронка для custom-closet студії з Атланти: hero з free 3D design CTA, два прозорі тарифи, 5-крокова воркфлоу-сторінка і quote-форма з фільтрами timeline/budget/project-type.
Контекст
Closetez — студія кастомних гардеробних з Атланти і Алфаретти (Джорджія, США). Продукт — суцільний цикл «вимір → 3D-дизайн → виробництво → монтаж за 3-7 днів». Клієнт прийшов з вимогою сайту, який не просто розповідає, а одразу веде відвідувача до заявки: вільне 3D-моделювання як головний оффер, два чіткі тарифи, і форма quote-запиту, що збирає достатньо контексту для дзвінка-консультанта без додаткових ітерацій.
Що зробили
Кастомна WordPress-тема з нуля
Зібрали тему closetwp повністю на vanilla JS + jQuery з slick для слайдерів. Без page-builder-ів, без сторонніх UI-китів. Lottie-логотип у хедері — щоб бренд читався ще до фінансування фолбек-фонтів.
Сторінка про студію і три обіцянки
Секція «Custom Closet Experts» закриває головне заперечення «навіщо саме ви». Великий референс-фото зліва, опис покриття (Atlanta + Alpharetta) і три пронумерованих гарантії — Free 3D Design, Custom Designs Fair Pricing, Quality Craftsmanship Fast Installation.
Прозоре ціноутворення з countdown-таймерами
Замість «from $X — call us» виставили два готових продукти з повним розгорнутим складом: Standard White $445/section і Premium Floor-Mounted Dark Wood $495/section. Кожна картка — старий ціновий ярлик з закресленою сумою, -10% бейдж, перелік фічей і countdown-таймер дії знижки. Кнопка веде на форму на /how-it-works/#form, де далі продовжується конверсія.
Портфоліо як головний соц-доказ
На головній — slick-слайдер «Discover Real Spaces We’ve Transformed» з 6+ реальними проєктами по Атланті. Нижче — секція Featured Transformations з картками формату Before / After: дві окремі фотографії, кількість секцій, локація з пін-іконкою, 5-зіркова оцінка, детальний опис і перелік фічей. Для довшого ознайомлення є окрема сторінка /portfolio/ з добіркою з 4-х варіацій матеріалів (White, Dark Wood, White Oak, Textile) і галереєю Completed Works.
Воркфлоу з 5 кроків як окрема сторінка
/how-it-works/ — окрема посадкова, яка пояснює клієнту повний цикл від першого кліку до встановленого гардероба. П’ять пронумерованих кроків: Submit Request → In-Home Consultation з 3D-design на місці → Approve & Sign з 10% передоплатою → Production 5-7 днів → Installation 1-2 дні. Знизу — callout-блок «What happens after you submit» з підсумком «4 days end-to-end без візиту додому». Після — секція Design Options з переліком 16 кастом-опцій (drawer units, jewelry organizers, built-in lighting, pull-out ironing board і т.д.) у 4 колонки.
Quote-форма як головний конверсійний інструмент
Форма «Get Your Custom Closet Quote» дублюється на /how-it-works/, /portfolio/ і /contact/. Зібрана так, щоб з першого контакту менеджер мав достатньо для розрахунку: ім’я / e-mail / phone / address, dropdown timeline (ASAP, 1 month, 3 months, just planning), dropdown budget ($2k / $2-5k / $5-10k / 10k+), textarea для деталей, чекбокси project type (Walk-in Closet, Pantry, Reach-in, Garage Storage, Laundry, Mudroom, Wardrobe), двоступенева SMS-згода окремо для customer-care і marketing, посилання на privacy і terms.
Brands marquee і FAQ як точки заспокоєння
На головній і у футері — marquee з логотипами фурнітурних брендів (HÄFELE, Blum, EGGER, Kronospan), щоб закрити питання «з якої комплектації ви робите». FAQ-акордеон одразу відповідає на 4 найчастіших заперечення: «які кольори», «як швидко», «3D-дизайн коштує?», «який розмір секції».
Адаптив без компромісів
Мобільна верстка тримає той самий типографічний ритм, що й desktop — серіфний H1 розбивається на 3 рядки, CTA-кнопка повноширинна, hero-фон не обрізається. Кожна довга secition (Featured Transformations, Pricing) розгортається в одну колонку з тими ж фічами і фотографіями.
Результат
Сайт працює як одна цілісна конверсійна воронка: будь-яка сторінка веде або до одного з тарифів, або до quote-форми. CMS на WordPress дозволяє маркетинг-команді клієнта оновлювати портфоліо, додавати нові проєкти у Featured Transformations і запускати countdown-таймери знижок без втручання розробника. Студія отримала готову основу під подальші клас-A розширення (мультилокаційні landing-сторінки під сусідні міста, галерея before/after-shorts, voice-of-customer відео-блок).
