Повернутися до кейсів

Сайт з адмінпанеллю для будівельної компанії

  • Огляд
  • Виклики
  • Послуги
  • Функціональні модулі
  • Технології
  • Наші досягнення

Клієнт

Будівельна компанія з Польщі із зростаючим портфоліо реалізованих проєктів.

Технології

React / Next.js / TypeScript / Node.js / PostgreSQL / Custom CMS / Three.js / Docker / Hetzner Cloud / Cloudflare / GitHub Actions / Terraform

Компанії потрібен був сайт, який добре представляє проєкти й приводить звернення. Команда хотіла сама публікувати сторінки та роботи в портфоліо, не звертаючись до розробника щоразу, коли щось змінюється. Сайт також мав обслуговувати клієнтів, які говорять іншими мовами, і показувати будівлі так, як не можуть самі лише фотографії.

Зображення з ефектом паралаксу, що показує мальовничий фон

Виклики

  • Індивідуальний дизайн: Впізнаваний стиль, створений з нуля й такий, що відображає якість робіт компанії, без готових шаблонів.
  • Самостійне керування контентом: Працівники офісу додають і редагують сторінки та проєкти без технічних навичок.
  • Кілька мов: Кожна сторінка доступна більш ніж однією мовою, і все керується з однієї адмінпанелі.
  • Показати реальні будівлі: Інтерактивні 3D-моделі та відеотури, які швидко завантажуються на телефонах.
  • Швидкість і видимість у пошуку: Швидкі сторінки та технічне SEO, щоб клієнти знаходили компанію.
  • Передача проєкту: Команда, готова самостійно вести сайт після запуску.

Послуги

  • Аналіз вимог

    Ми провели воркшопи з керівництвом і відділом продажів та визначили, для кого сайт, як організовані його сторінки й як проєкти представлені в портфоліо. Результатом стали погоджена структура сторінок і зрозумілий формат кожного проєкту, які лягли в основу дизайну та розробки.
    Дізнатися більше
    Аналіз вимог

  • Індивідуальний дизайн

    Кожен інтерфейс розроблений з нуля, без готових шаблонів. Ми перевірили макети на десктопі та мобільних пристроях до початку розробки, тому вигляд, навігація й сторінки портфоліо були погоджені заздалегідь.
    Дізнатися більше
    Індивідуальний дизайн

  • Розробка

    Ми створили власну CMS та адмінпанель разом із публічним сайтом, тому контент, доданий працівниками, з’являється на сайті в тій самій структурі. Працівники офісу працюють в адмінпанелі з рольовим доступом і не потребують технічних навичок.
    Дізнатися більше
    Розробка

  • Інтеграція 3D і відео

    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-моделі та відеотури дають відвідувачам змогу вивчити будівлі ще до першого дзвінка.

  • Швидко на будь-якому пристрої

    Оптимізовані сторінки та медіа швидко завантажуються на телефонах і десктопах.

  • Видимість у пошуку

    Структуровані сторінки та метадані кожною мовою підтримують органічний трафік.

  • Самостійна команда

    Навчання та документація дають клієнту змогу вести сайт без зовнішньої допомоги.

Наші досягнення

Поговоримо

Є питання або відгуки? Надішліть нам повідомлення!

Наші контакти

Вид на Барселону