</>programmer-web
Производитель тентовых конструкций РОСМОСТЕНТ

rosmostent.ru

Корпоративный сайт на React для производителя шатров, ангаров и павильонов: каталог моделей, решения под сценарии, калькулятор стоимости с 3D-моделью и собственный VDS с панелью Dokploy и автодеплоем из GitLab.

Что было сделано

  • Сайт на React
    Главная, каталог моделей, решения по сценариям, оснащение, аренда, объекты, блог, гарантии, доставка и контакты — со своими заголовками и описаниями для поиска.
  • Калькулятор с 3D-моделью
    Пошаговый расчёт стоимости по назначению, вместимости, срокам и оснащению с интерактивной 3D-визуализацией конструкции.
  • VDS с панелью Dokploy
    Настроил сервер и Dokploy: сайт работает в Docker-контейнере, домен и HTTPS подключены, логи и перезапуск — в веб-панели.
  • Автодеплой из GitLab
    После пуша в GitLab Dokploy сам собирает проект и выкатывает новую версию на VDS — без ручной выкладки.

Технологии

ReactNext.jsDokployDockerGitLabVDS

Результат

Производитель получил современный сайт, который объясняет продукт инженерным языком: модельный ряд, решения под конкретные сценарии, материалы, сертификаты и гарантии, закреплённые в договоре. Калькулятор с 3D-моделью помогает клиенту прикинуть стоимость до звонка, а сайт работает на собственном VDS под управлением Dokploy и обновляется автоматически из GitLab.

rosmostent.ru
РОСМОСТЕНТ — главная страница: тентовая архитектура под ключ
РОСМОСТЕНТ — готовые решения по сценариям и этапы работы
РОСМОСТЕНТ — посадочная страница «Шатры для фестивалей»
РОСМОСТЕНТ — реализованные конструкции и материалы
РОСМОСТЕНТ — калькулятор стоимости с 3D-моделью шатра
Главная
РОСМОСТЕНТ — мобильная версия главной страницы
01Сложная задача

Большой модельный ряд и много сценариев

Сложность

РОСМОСТЕНТ делает более 20 типов конструкций — арочные, гексагональные, сферические, купольные шатры, тентовые ангары, пневмоангары, глэмпинг — для ресторанов, отелей, фестивалей, выставок, спорта и складов. Клиент приходит с задачей («шатёр для фестиваля»), а не с названием модели.

Решение

Сделал два входа в каталог: по типу конструкции и по сценарию. Для каждого сценария — отдельная посадочная страница с характеристиками, подходящими моделями, условиями покупки или аренды и дооснащением. Отдельно — раздел оснащения (свет, климат, полы, остекление, брендирование) и реализованные объекты с фильтром по типу.

7 решений
посадочных страниц под сценарии
02Сложная задача

Заявка без звонка и долгого брифа

Сложность

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

Решение

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

4 вопроса
до предварительной стоимости
03Сложная задача

Свой сервер и выкладка без ручной работы

Сложность

Сайт на React нужно где-то запускать и регулярно обновлять: правки текстов, новые объекты, новые страницы. Ручная выкладка медленная и рискованная, а обычный хостинг не подходит для Node.js-приложения.

Решение

Поднял VDS и установил на него панель Dokploy: приложение работает в Docker-контейнере, домен и HTTPS настроены через панель. Связал Dokploy с репозиторием в GitLab — после пуша в основную ветку проект сам собирается и выкатывается на сервер, а логи сборки и перезапуск доступны в панели.

git push
и изменения уже на сайте

Хотите так же?

Нужен похожий сайт или сервис?

Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.

Другие кейсы