МОЙ ПРОЕКТ

HouseIQ — конфигуратор умного дома

Сервис подбора сценариев умного дома: 12 шагов анкеты, интерактивный дом, персональный концепт со сметой и PDF.

Сайт
houseiq.ru
Год
2026
Роль
Мой проект: продукт, код, контент и сопровождение — я

Задача

В нише умного дома клиент не понимает, что он покупает: список оборудования ничего не говорит человеку, который хочет «чтобы свет сам выключался».

Нужен был инструмент, который переводит бытовые желания в понятный состав системы и вилку сметы — до разговора с интегратором.

Что сделано

  • Сценарный конфигуратор: 12 визуальных шагов о доме и привычках вместо анкеты про оборудование.
  • Интерактивный SVG-дом, который «оживает» по мере ответов — видно, что именно получится.
  • Персональный концепт: сценарии, вилка сметы и сравнение ярусов реализации (самостоятельная сборка, Wiren Board, KNX), PDF — за контакт.
  • SEO-контур вокруг ядра: посадочные страницы, гео-страницы по городам края, блог, бизнес-сегменты.
  • Закрытая админка на cookie-сессии с argon2 и лимитом попыток входа; уведомления о заявках в Telegram и на почту.

Стек

  • Next.js 15 (App Router), React, TypeScript strict
  • PostgreSQL 16 + Prisma
  • Docker Compose: web, postgres, nginx + certbot; VPS Ubuntu 24.04
  • GitHub Actions — сборка образа в CI
  • Vitest (движки расчёта и контент-стражи) + Playwright (e2e и печать PDF)
  • Telegram Bot API, SMTP, Яндекс.Метрика

Измеримое

Замер мой, 4 сентября 2026 г., по публичной главной странице. Цифры бизнеса клиента здесь не показываются: их публикация — вопрос отдельного письменного разрешения, а выдумывать метрики я не буду.

Lighthouse mobile, производительность
82 из 100
прогон Lighthouse 13 в режиме мобильного устройства по публичному адресу главной
Вес главной страницы
393 КБ
суммарный объём переданных ресурсов в том же прогоне Lighthouse
Отрисовка главного блока (LCP)
3,6 с
тот же прогон, эмуляция мобильной сети и процессора

Что из этого работает у клиентов

  • Интерактив, который показывает результат до запроса контакта, работает лучше формы «оставьте заявку» — отсюда калькулятор на этом сайте.
  • Расчёт денег живёт в чистой функции с unit-тестами: цифры на экране клиента должны быть воспроизводимыми.
  • Контент-стражи в тестах ловят мёртвые ссылки и рассинхрон меню раньше, чем это увидит посетитель.
Все работыПосчитать свой проект