Курс на стабильность: разработка сайта для РЦПКБ «‎Стапель»

О проекте 

Наш клиент — центральное проектно-конструкторское бюро «Стапель» из Ростова-на-Дону. Бюро «Стапель»‎ — это опытные инженеры, впечатляющие проекты и долгая, богатая история. Компания помогает компаниям водного транспорта решать сложные инженерные задачи — а мы взяли на себя вопросы IT.

Точка старта

История нашего сотрудничества началась в 2022 году: тогда клиент обратился к нам за техподдержкой действующего сайта. В ходе работ мы выполнили множество задач – от мелких правок до редизайна и переезда на новый хостинг.

Одной из важнейших задач была работа с базой проектов. Исходная база проектов имела критические недостатки: низкую производительность, большое количество багов. Работать с ней было сложно, она доставляла дискомфорт как клиенту и его сотрудникам, так и посетителям сайта. Мы полностью пересобрали этот раздел.

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

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

Скорость загрузки страниц не дотягивала до современных стандартов, особенно на мобильных устройствах. Отсутствие явных сбоев и критических проблем не отменяло косвенного негативного эффекта: дискомфорта и снижения вовлеченности со стороны пользователей.

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

Разработка

Процесс разработки стартовал с выбора технологического стека. Для фронтенда мы остановились на связке React + Next.js — это решение позволило нам создать динамичный, отзывчивый интерфейс с мгновенной реакцией на действия пользователя и быстрой загрузкой даже на слабом соединении. Next.js обеспечил серверный рендеринг, что положительно сказалось на SEO-продвижении сайта.

На этапе обсуждения бэкенда клиент чётко обозначил своё пожелание — оставить 1С‑Битрикс. Причина была проста: команда клиента годами работала с этой CMS, отлично знала все её нюансы и возможности. Переход на новую систему означал бы дополнительные затраты времени на обучение, адаптацию процессов и на исправление возможных ошибок. Мы полностью поддержали этот выбор — удобство и эффективность работы клиента в приоритете.

Дальнейшие задачи решались последовательно — мы:

• составили список конкурентов и изучили их сайты;
• подготовили структуру сайта — новую компоновку разделов разрабатывали в тесном контакте со стороной клиента;
• собрали референсы для определения направления дизайн-концепции, провели прототипирование, подготовили UI-Kit.

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

Работа с контентом

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

В разделе проектов мы реализовали быстрые фильтры — теперь посетители сайта могут за секунды фильтровать объекты по нужным параметрам. Это экономит время посетителей сайта и улучшает пользовательский опыт.

Особая гордость проекта — отображение 3D‑моделей. Изначально модели были в разных форматах, что создавало сложности для пользователей. Наше решение позволило:

• показывать все модели в едином стиле и качестве;
• управлять ими прямо в браузере (вращать, масштабировать);
• быстро загружать даже сложные объекты благодаря оптимизации.

Теперь клиенты могут детально изучить каждый проект в интерактивном режиме. Итог: контент стал доступнее — а значит, полезнее для пользователей и эффективнее для бизнеса.

Итоги

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

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