VERSTAK — веб-студияОбсудить проект
verstak ~ % cat cases/cleanok.md

CleanOk: сайт клининга с калькулятором цены — с нуля за три дня.

КЛИЕНТCleanOk
ЗАДАЧАСайт с нуля
СРОК3 дня
СТАТУСЗапущен
САЙТcleanok.club ↗СМ. ТАКЖЕCRM для CleanOk →
CleanOk: сайт клининга с калькулятором цены — с нуля за три дня.
01 / БОЛЬ

Цену уборки называют по телефону — после осмотра

В клининге цену обычно не пишут: посетитель оставляет номер, ждёт звонка, отвечает на вопросы про площадь и состояние квартиры — и только потом слышит сумму. Клиент хотел обратное: человек сам собирает свою уборку на сайте, видит цену до заказа и оформляет заявку без звонка — в двух городах и на трёх языках. Сайта и дизайна при этом не было вообще: делали с нуля.

02 / РЕШЕНИЕ

Дизайн с нуля и калькулятор, который считает цену на сервере

Нарисовали сайт с нуля — светлая тема, бирюзовый акцент, лепестки на фоне, карточка цены в первом экране — и собрали калькулятор из семи шагов: город, помещение, тип уборки, площадь от 20 до 400 м², дополнительные работы со степенью загрязнения, окнами по метрам и скидками за регулярность, дата с окнами приезда и срочностью, итог. Рядом всё время висит панель «ВАШ ЗАКАЗ» с суммой и оценкой длительности, но считает не браузер: цену пересчитывает Django, итогу со страницы мы не верим. Вокруг калькулятора — три формата уборки, восемь SEO-страниц (два города × три услуги плюс два хаба), блог, sitemap с hreflang, JSON-LD и llms.txt, три языка RU/UA/EN, GA4 и Google Ads с Consent Mode v2. Заявки с двух форм уходят в Django и в Telegram — по маршруту нужного города. Заказы после этого нужно где-то вести — под сайт сделали свою CRM, это соседний кейс.

03 / ЗАПУСК

Три дня: в первый — сайт с калькулятором и CRM

Дизайн выгрузили 27 августа, на следующий день сайт с калькулятором и первая версия CRM уже работали на домене. Второй день — SEO-каркас: восемь посадочных, блог, GA4 и Google Ads с Consent Mode v2, дашборды аналитики в CRM. Третий — правки и доводка. Итого три дня от дизайна до боевого режима; онлайн-чат с ботом добавили позже, в сентябре. Цифрами по трафику не хвастаемся: сайт молодой, и приписывать дизайну рост было бы нечестно.

CleanOk: сайт клининга с калькулятором цены — с нуля за три дня. — мобильный экран 1
CleanOk: сайт клининга с калькулятором цены — с нуля за три дня. — мобильный экран 2
CleanOk: сайт клининга с калькулятором цены — с нуля за три дня. — мобильный экран 3
СКРИНЫ С ДЕСКТОПА
Калькулятор: 7 шагов
До и после
Страница города
CleanOk: сайт клининга с калькулятором цены — с нуля за три дня. — Страница города
СТЕК И ИНТЕГРАЦИИ

Что под капотом

Nuxt 4 SSR + Vue 3 + TypeScript
Django 5 + DRF, PostgreSQL 16
Расчёт цены на сервере
i18n RU/UA/EN, hreflang
JSON-LD, sitemap, llms.txt
Telegram Bot API (маршрутизация по городам)
GA4 + Google Ads, Consent Mode v2
Docker, nginx, Hetzner
3
дня от дизайна до запуска
45
URL в sitemap: 15 × 3 языка
7
шагов калькулятора с ценой на сервере