Neuro-Sync Lab × Family-clean — Технический кейс
INITIALIZING CLEANING_OS ENVIRONMENT...
NEURO-SYNC LAB · PORTFOLIO / CASE STUDY

FAMILY-CLEAN.RU

Цифровая платформа клинингового сервиса полного цикла: лендинг, калькулятор стоимости, CRM-интеграция лидов, адаптивная вёрстка и Mini App для мессенджеров. Сочи и Адлер.

ОТКРЫТЬ ТЕХНИЧЕСКИЙ КЕЙС →
NEURO-SYNC LAB / CASE FILE #FC-2026

FAMILY-CLEAN DIGITAL PLATFORM

Полноценная разработка цифровой экосистемы для клининговой компании Family-clean (family-clean.ru): высококонверсионный лендинг на Craftum с видео-hero, интерактивным калькулятором из 40+ параметров, серверless-обработкой заявок через Yandex Cloud Functions, интеграцией Telegram MAX и WhatsApp, а также мобильным Mini App с таб-навигацией для Telegram WebApp.

STATUS: OPTIMIZED & STABLE
11страниц услуг
40+параметров калькулятора
<120msp95 API latency
Node.jsRuntime / API
ExpressREST Gateway
ReactDashboard UI
PostgreSQLLeads & Quotes
SPRINT 01 / RESPONSIVE SHOWROOM

АДАПТИВНАЯ ДЕМОНСТРАЦИЯ ИНТЕРФЕЙСА

Три breakpoint-а платформы family-clean.ru визуализированы как физические устройства. Прокрутите содержимое внутри каждого экрана — реализована полноценная симуляция шапки, hero-баннера, категорий услуг, карточек клининга и таблицы цен с данными реального проекта.

DESKTOP ≥ 1200px

  • Видео-hero на полный viewport с glassmorphism-категориями (8 карточек в сетке 4×2)
  • Фиксированная шапка с прозрачным → белым переходом при скролле (backdrop-filter: blur 20px)
  • Сетка услуг 3 колонки, калькулятор в модальном окне 860px с двухколоночным layout
  • Таблица цен с горизонтальным скроллом, hover-состояния карточек с shine-анимацией

TABLET 768–1024px

  • Категории hero перестраиваются в сетку 2×4, навигация сворачивается в burger-menu
  • Карточки услуг: 2 колонки с сохранением пропорций и touch-target ≥ 44px
  • Калькулятор переходит в single-column stack: форма сверху, результат снизу
  • Блок «О компании»: карточки-статистики выстраиваются вертикально с overlap-эффектом

MOBILE ≤ 480px

  • Mini App с bottom-tab навигацией: Главная · Услуги · Контакты · Заказать
  • Hero-видео object-fit: contain, safe-area-inset для iPhone с вырезом
  • Форма заказа: font-size 16px (предотвращение zoom iOS), datetime-local для выбора времени
  • Одноколоночная сетка, padding 16px, overflow-x: clip на всех контейнерах
SPRINT 02 / PLATFORM ENGINEERING

СИМУЛЯТОР РАСЧЁТА СТОИМОСТИ УБОРКИ

Рабочая имитация backend-dashboard калькулятора Family-clean. Движок учитывает тип помещения, площадь, степень загрязнения, количество клинеров, расход эко-средств и дополнительные опции. Нажмите на тип услуги — метрики пересчитаются в реальном времени с анимацией progress bars.

13 500 ₽
ИТОГОВАЯ СТОИМОСТЬ
3
КЛИНЕРОВ В БРИГАДЕ
4.2 л
ЭКО-СРЕДСТВ

SYSTEM LOG / CALC ENGINE

[00:00:01]INIT calc_engine v2.4.1
[00:00:01]LOAD pricing_matrix: sochi_region
[00:00:02]DEFAULT preset: general_100sqm
SPRINT 03 / QA & LOAD TESTING

ИНЖЕНЕРНЫЙ ОТЧЁТ НАГРУЗОЧНОГО ТЕСТИРОВАНИЯ

Результаты автоматизированного тестирования API-шлюза и фронтенда платформы Family-clean. Все эндпоинты протестированы под нагрузкой 500 concurrent users (k6 + Artillery). Google PageSpeed Insights — стабильные максимальные показатели на production-сборке.

METHOD ENDPOINT p50 p95 STATUS
POST /api/v1/leads/submit 42ms 89ms ✓ PASS
POST /api/v1/quotes/calculate 18ms 34ms ✓ PASS
GET /api/v1/services/catalog 8ms 15ms ✓ PASS
POST /api/v1/notify/telegram 56ms 112ms ✓ PASS
POST /api/v1/notify/whatsapp 61ms 118ms ✓ PASS
GET /api/v1/health 3ms 7ms ✓ PASS
GET /api/v1/prices/matrix 11ms 22ms ✓ PASS
100 PAGESPEED
Performance100
Accessibility100
Best Practices100
SEO100

Разработано Neuro-Sync Lab для family-clean.ru · Клининг в Сочи и Адлере · +7 918 905-21-21

© 2026 Neuro-Sync Lab. Технический кейс. Все метрики — production environment.