Кейс: Геоскан

Цифровая экосистема корпоративных сайтов

О проекте

Геоскан — технологическая компания, работающая в нескольких направлениях: беспилотные авиационные системы, космические технологии, инженерные решения, образовательные и прикладные проекты.

Основной сайт выполняет роль центральной корпоративной площадки. Он представляет компанию, ее направления, новости, вакансии, ключевую информацию для партнеров, клиентов и соискателей.

Геоскан БАС ориентирован на продуктовую и прикладную коммуникацию. Здесь акцент сделан на беспилотные авиационные системы, продукты, услуги, отрасли применения, обучение и сценарии использования беспилотных авиационных систем.

Сайт Геоскан Космос раскрывает более исследовательскую часть. На нем представлены миссии, спутниковые платформы, ключевые проекты и визуально выразительный контент, связанный с космосом.

При этом сайты не существуют изолированно. У каждого есть своя независимая админ-панель и API, но при этом часть разделов управляется только в админ-панели главного сайта. Они также связаны между единым медиа-центром.


Проблематика и контекст разработки

Основные проблемы существующей инфраструктуры заключались в следующем:

— Перегруженность единого корпоративного сайта
До начала проекта вся информация о компании, продуктах, направлениях, новостях и проектах была сосредоточена в одном сайте.

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

— Необходимость быстрого релиза при ограниченных сроках
Проект развивался динамично. Изначально запрос был меньше, но в процессе объем работ увеличился: расширялась функциональность, менялись требования, появлялись новые задачи.

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

Основной запрос заказчика — спроектировать систему, которая позволит:

— разделить контент на три логически независимых сайта
— повысить удобство пользовательского опыта
— интегрировать сайты с внутренними сервисами заказчика
— создать масштабируемую архитектуру для будущего развития 

Цель 

Спроектировать и реализовать три корпоративных сайта с разным дизайном и функционалом, объединенных общей контентной логикой, едиными интеграциями, гибкой системой администрирования, высокой производительностью и безопасностью. 

Описание реализации кейса и творческого пути

Проект начался с задачи создания одного сайта, но в процессе был трансформирован в полноценную экосистему из трёх ресурсов. Это решение позволило разгрузить контент, разделить аудитории и усилить позиционирование направлений.

Дальше команда работала сразу в нескольких плоскостях:

  • проектировала архитектуру backend и API;
  • прорабатывала логику администрирования;
  • адаптировала дизайн под разные направления;
  • настраивала интеграции;
  • искала баланс между кастомными визуальными эффектами и производительностью.

  1. Аналитика и декомпозиция структуры

    • Провели анализ текущего корпоративного сайта и структуры бизнеса GeoScan. Выявили ключевую проблему — перегруженность единого ресурса. 
    • Предложили и обосновали решение с разделением на три независимых сайта по направлениям. 

  2. Разработка дизайн-концепций

    • Сайты получили разные визуальные решения. При этом они остались частью единой цифровой системы. 

  3. Проектирование архитектуры и API

    • Для каждого ресурса определили собственную роль. Также был выделен общий раздел — медиа-центр, который должен был работать на всех трех сайтах.

  4. Разработка frontend и backend

    • Реализовали frontend на Next.js с SSR и backend на Laravel. 
    • Настроили REST API, адаптивную верстку и кастомные визуальные решения.

  5. Интеграции, безопасность и работа с данными

    • Настроили интеграции с внешними системами через RabbitMQ. 
    • Реализовали безопасную передачу данных без хранения на сайте, подключили S3 для медиа и внедрили механизмы защиты.

  6. Подготовка к релизу и дальнейшее развитие

    • Импортировали контент со старого сайта, настроили админ-панели для управления, реализовали мультиязычность и SEO-функции. 
    • Заложили основу для дальнейшего развития: рассылки, предпросмотр страниц, расширение контента.

Ключевые решения

1. Разделение одного сайта на три самостоятельных ресурса

Это решение стало основой всего проекта. Вместо попытки вместить все направления в один сайт команда создала систему, где каждый ресурс отвечает за свою часть коммуникации.

2. Единый медиа-центр

Несмотря на разделение сайтов, новости, статьи и репортажи должны были работать как единая контентная система. Поэтому медиа-центр был реализован как связующее звено между всеми сайтами.

3. Несколько админ-панелей

Для каждого сайта создана отдельная админ-панель, но часть данных управляется централизованно через главный сайт и передается по API.

4. Хранение медиа в S3

Изображения, видео, документы и другие медиафайлы загружаются через админ-панель и хранятся в S3 заказчика.

5. Поддержка мультиязычности

Сайты поддерживают русский и английский языки. Для большого массива импортированных новостей был запланирован и частично реализован механизм массового перевода через LLM.

6. Визуальные решения

  • SVG-фильтры для эффекта жидкого стекла;
  • анимации планет и спутников;
  • вставку 3D-моделей через Sketchfab;

Ключевые технологии

Backend

Основной стек: 

  • PHP
  • Laravel
  • Redis
  • PostreSQL
  • Linter
  • Filament
  • Rabbit MQ
  • Rest API

Backend реализован отдельно для каждого сайта, что позволило изолировать данные и логику направлений. При этом архитектура поддерживает централизованную работу с общими элементами (медиа-центр, вакансии, формы) через API.

Frontend и клиентская часть

Основной стек:

  • Next.js (React)
  • Zustand
  • Typescript

Frontend построен с использованием server-side rendering (SSR), что позволяет ускорить загрузку страниц и улучшить базовую SEO-оптимизацию.

Devops

Основной стек:

  • Nginx
  • Docker
  • Docker compose
  • GitLab Runner
  • S3

Интеграции и обмен данными

Интеграционный слой:

  • RabbitMQ

RabbitMQ используется как брокер сообщений и ключевой элемент архитектуры безопасности.

Сценарии интеграции:

  • Bitrix24 — обработка заявок
  • Unisender — рассылки
  • HelpDeskEddy — поддержка клиентов
  • HeadHunter — импорт вакансий
  • OpenRoute API

Хранение данных и медиа

  • S3-совместимое хранилище заказчика

Что реализовано:

  • хранение изображений, видео, документов
  • отдача контента через CDN-подобную модель
  • оптимизация изображений под разные разрешения
  • снижение нагрузки на сервер

Результаты сотрудничества

В результате проекта Геоскан получил масштабируемую цифровую экосистему.

Были достигнуты ключевые результаты:

  • Создана масштабируемая цифровая экосистема из трех сайтов
  • Повышено удобство навигации и восприятия контента
  • Обеспечена высокая безопасность обработки данных
  • Реализована гибкая система управления контентом 
  • Внедрены сложные визуальные решения
  • Подготовлена база для дальнейшего развития 

Проект стал полноценной цифровой инфраструктурой: с управлением контентом, интеграциями, безопасной обработкой данных, масштабируемой архитектурой и разными сценариями коммуникации для разных аудиторий.