Корпоративный портал Strategic Technology Partner - компании Techstack

Международная product engineering компания Techstack со штаб-квартирой во Вроцлаве (Польша) занимает прочные позиции на западном рынке. Однако сейчас компания активно реализует стратегию доминирования на рынках США и Европейского Союза (ЕС), сосредотачиваясь на приоритетных технологических направлениях и высоких стандартах разработки.

Веб-сайт клиента был построен на базе традиционного технологического стека: React + CMS Ghost / Contentful. В развитие проекта были инвестированы значительные ресурсы, благодаря чему он достиг устойчивых SEO-позиций по ряду приоритетных поисковых запросов.

Однако ключевым препятствием для внутренней маркетинговой команды стала критическая зависимость от технического персонала. Это существенно усложняло оперативное масштабирование сайта, быстрое внедрение A/B-тестирования и самостоятельное развертывание новых целевых страниц.

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

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

Клиент поставил перед нами следующие требования:

• Проектирование компонентной архитектуры, рассчитанной на масштабирование проекта в течение нескольких лет.
• Итерационная разработка новых страниц в соответствии с маркетинговыми приоритетами.
• Адаптация под все виды планшетных и мобильных устройств.
• Серверная защита форм от спама и ботов. Интеграция со Slack.
• Имплементация ряда требований от SEO-подрядчиков.
• Advanced SEO & Performance optimization
• Cookie consent согласно GDPR.
• Интеграция с CMS Ghost для отображения релевантных статей в проекте Webflow
• Разработка технического решения и механизма взаимодействия для обеспечения постепенной миграции проекта на Webflow без потери SEO-позиции, 404 / 301 ошибок и просадок в user experience (совместно с технической командой клиента).
• Обеспечение текущей консистентности функционала проекта во время миграции
• Создание библиотеки компонентов с широкими возможностями кастомизации и комбинирования.
• Разработка Page Builder для статических страниц. Конструктора для маркетинговой команды, который на 100% соответствует требованиям и дизайн-системе клиента.

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

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

Управление проектом на этом этапе стало образцовым примером слаженного взаимодействия, достигшего уровня мастерства.

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

Параллельно в каждом скоупе мы модифицировали компоненты:

• выносили новые проперти для быстрой настройки экземпляров
• проектировали новые варианты стилей
• обеспечивали возможность взаимной интеграции
• систематизировали библиотеку
• систематизировали библиотеку

На тот момент мы ещё не знали об амбициозной цели клиента (позже расскажем), но проактивно закладывали фундамент для полной консистентности дизайна.

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

После реализации критического количества страниц на новой платформе возникла задача выполнить бесшовную (постепенную) миграцию без переноса всего домена на Webflow. Для этого, совместно с технической командой клиента, было внедрено нетривиальное решение на базе reverse proxy-сервера.

Принцип работы:

1. При поступлении запроса на определённый URL существующего хостинга, прокси-сервер сначала проверяет, соответствует ли данный путь новой странице, реализованной на Webflow.

2. В случае соответствия прокси-сервер незаметно запрашивает страницу с хостинга Webflow, кеширует её и ретранслирует конечному пользователю под основным доменом.

Такой подход позволил поэтапно выводить обновлённые страницы в live-режим, сохраняя SEO-позиции и обеспечивая полную консистентность домена в переходный период.

Согласно Product Requirement Document (PRD), важной частью проекта было обеспечение полной самостоятельности команды клиента в работе с обновлённым сайтом. Наша работа по передаче знаний была комплексной:

• Техническая документация: Мы подробно описали все компоненты и прокомментировали скрипты, обеспечив полное понимание архитектуры проекта.
• Учебные материалы: Подготовлены исчерпывающие видеоинструкции для эффективного использования платформы.
• Совместный онбординг: Проведена совместная обучающая сессия (call) с командой Клиента для практического освоения функционала.
• Углублённое обучение: Основной редактор контента со стороны Клиента успешно прошёл курс Webflow Fundamentals в нашей школе, что гарантировало высокий уровень внутренней экспертизы.
• Пост-релизная поддержка: Мы продолжаем предоставлять бесплатную техническую поддержку представителям Клиента, демонстрируя гарантированное чувство заботы и постоянного присутствия в случае необходимости.

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

• Дизайн и архитектура: 100% консистентный проект, реализованный на основе единой дизайн-системы.
• Качество верстки: Pixel-perfect верстка, стабилизированная и подготовленная к будущему масштабированию благодаря компонентному подходу.
• Надежность: Функциональные решения стабильно работают на любых страницах в любой последовательности.
• Техническая чистота: Архитектура исключает возможность накопления технического долга.
• Производительность: Полное SEO-соответствие и показатели Core Web Vitals > 90 («зеленая» зона).
• Бесшовность: Успешно завершена поэтапная миграция.
• Самостоятельность: Внедрен Page Builder для быстрого создания статических лендингов.
• Совместная работа: Поддержка Real-time Collaboration (одновременная работа команды в проекте).

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