Назад к кейсам
Сайт с админ-панелью для строительной компании
- Обзор
- Задачи
- Услуги
- Функциональные модули
- Технологии
- Наши достижения
Клиент
Строительная компания из Польши с растущим портфолио реализованных проектов.
Технологии
React / Next.js / TypeScript / Node.js / PostgreSQL / Custom CMS / Three.js / Docker / Hetzner Cloud / Cloudflare / GitHub Actions / Terraform
Компании нужен был сайт, который хорошо представляет проекты и приводит обращения. Команда хотела сама публиковать страницы и работы в портфолио, не обращаясь к разработчику при каждом изменении. Сайт также должен был обслуживать клиентов, говорящих на других языках, и показывать здания так, как не могут одни фотографии.
Задачи
Индивидуальный дизайн: Узнаваемый стиль, созданный с нуля и отражающий качество работ компании, без готовых шаблонов.
Самостоятельное управление контентом: Сотрудники офиса добавляют и редактируют страницы и проекты без технических навыков.
Несколько языков: Каждая страница доступна больше чем на одном языке, и всё управляется из одной админ-панели.
Показать реальные здания: Интерактивные 3D-модели и видеотуры, которые быстро загружаются на телефонах.
Скорость и видимость в поиске: Быстрые страницы и техническое SEO, чтобы клиенты находили компанию.
Передача проекта: Команда, готовая самостоятельно вести сайт после запуска.
Услуги
Анализ требований
Мы провели воркшопы с руководством и отделом продаж и определили, для кого сайт, как организованы его страницы и как проекты представлены в портфолио. Результатом стали согласованная структура страниц и понятный формат каждого проекта, которые легли в основу дизайна и разработки.
Подробнее
Индивидуальный дизайн
Каждый интерфейс разработан с нуля, без готовых шаблонов. Мы проверили макеты на десктопе и мобильных устройствах до начала разработки, поэтому внешний вид, навигация и страницы портфолио были согласованы заранее.
Подробнее
Разработка
Мы создали собственную CMS и админ-панель вместе с публичным сайтом, поэтому контент, добавленный сотрудниками, появляется на сайте в той же структуре. Сотрудники офиса работают в админ-панели с ролевым доступом и не нуждаются в технических навыках.
Подробнее
Интеграция 3D и видео
3D-модели объектов и видеотуры встроены прямо в страницы проектов, рядом с галереями и ключевыми фактами. Модели оптимизированы и загружаются постепенно, поэтому страницы остаются быстрыми на телефонах.
Подробнее
Развёртывание и хостинг
Сайт работает в продакшне на Hetzner Cloud за CDN Cloudflare. Настроены автоматические резервные копии и мониторинг, а развёртывания повторяемы благодаря GitHub Actions и Terraform.
Подробнее
Обучение и документация
Мы провели рабочую встречу для команды администраторов и написали инструкции для повседневных задач, например добавить проект или отредактировать страницу. После запуска команда ведёт сайт самостоятельно.
Подробнее
Реализованные функциональные модули
Админ-панель
Создание, редактирование и публикация страниц и работ портфолио в несколько кликов.
Режимы черновика и предпросмотра позволяют проверить страницу до публикации.
Ролевой доступ для команды клиента.
Управление языками
Переводы всех страниц в одном месте.
Переключатель языка на сайте и отдельные адреса для каждого языка.
Новые языки добавляются без пересборки сайта.
Портфолио
Страницы проектов с галереями, ключевыми фактами и расположением.
Форма обращения на каждой странице проекта.
Сотрудники сами добавляют и публикуют новые проекты.
3D-модели и видеотуры
Интерактивные модели, которые посетители вращают и изучают.
Видеотуры рядом с ними.
Оптимизированные модели загружаются постепенно, поэтому страницы быстрые на телефонах.
Адаптивный интерфейс
Макеты для телефонов, планшетов и десктопов.
Собственные анимации и интерактивные элементы.
Каждый интерфейс проверен на десктопе и мобильных устройствах до разработки.
Настройка SEO
Метаданные, карты сайта и структурированные данные.
Настроено для каждой языковой версии.
Страницы с серверным рендерингом на Next.js.
Используемые технологии
Фронтенд:
React и Next.js с TypeScript для быстрых страниц с серверным рендерингом.
Админ-панель:
Собственная CMS с ролевым доступом для команды клиента.
Бэкенд:
Node.js и PostgreSQL для контента и обращений.
3D:
Three.js с оптимизированными моделями, которые загружаются постепенно.
Хостинг:
Hetzner Cloud с CDN Cloudflare, Docker и автоматическими резервными копиями.
DevOps:
GitHub Actions и Terraform для повторяемых развёртываний.
Наши достижения
Контент в руках команды
Сотрудники сами публикуют новые проекты и страницы.
Несколько языков, одна админ-панель
Новые языки добавляются без пересборки сайта.
Портфолио, которое продаёт
3D-модели и видеотуры позволяют посетителям изучить здания ещё до первого звонка.
Быстро на любом устройстве
Оптимизированные страницы и медиа быстро загружаются на телефонах и десктопах.
Видимость в поиске
Структурированные страницы и метаданные на каждом языке поддерживают органический трафик.
Самостоятельная команда
Обучение и документация позволяют клиенту вести сайт без внешней помощи.
Давайте поговорим
Есть вопросы или отзывы? Отправьте нам сообщение!
Наши контакты
