South HUB: редизайн сайта крупнейшего IT-кэмпа для C-level

Создать единую онлайн-площадку для South HUB — ежегодной масштабной конференции-кэмпа в Сочи для директоров и топ-менеджеров из IT-сферы. Событие фокусируется на профессиональном развитии, балансе работы и жизни и нетворкинге, среди участников и спикеров — эксперты Альфа-Банка, МТС, Сбера, Яндекса и других компаний.

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

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

Мы разработали новый сайт South HUB, который стал единой точкой входа в комьюнити и полностью закрыл потребности как пользователей, так и организаторов.

1️⃣ Новый лендинг:

— Создан современный промо-сайт со структурированной подачей информации.

— Все ключевые данные о кэмпе объединены в одном месте и доступны в несколько кликов.

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

2️⃣ Система модульного редактирования:

Мы разработали конструктор блоков с чёткими правилами и ограничениями по контенту. Благодаря этому команда South HUB может самостоятельно обновлять программу, описания и материалы, сохраняя целостность дизайна и актуальность сайта.

3️⃣ Оптимизированный путь к покупке билетов:

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

Мы взяли за основу брендбук, но добавили к нему настроение самой аудитории. South HUB — это С-level из IT: люди, для которых премиум важен не меньше, чем драйв и энергия. Поэтому дизайн получился сдержанным и элегантным по форме, но живым и динамичным по содержанию — без канцелярской строгости и с атмосферными акцентами.

В основу легла палитра белого, серого и черного цветов. «Встречает» посетителей сайта логотип-молния в 3D-исполнении, с ним можно «поиграть» при помощи курсора. Этот элемент объединяет несколько смыслов: первую букву названия South HUB, технологичность и дружелюбность через плавные линии. Мягкий liquid gradient остается статичным во всех блоках — оживляет композицию, но не отвлекает внимание от контента.

Также мы использовали несколько приемов:

— Акцентная типографика и смещение строк: помогают сфокусировать внимание на заголовках.

— Бегущая строка: для call-to-action, чтобы создать ощущение ожидания события.

— Анимация и скроллителлинг: от микроанимаций (hover, focus) до эффектов, завязанных на скролле.

— Параллакс: добавляет глубины и динамики.

Вся динамика не случайна — она отражает сам дух IT-комьюнити, где все всегда в движении.

Чтобы совместить динамичный UX с удобным управлением контентом, использовали React + WordPress в роли Headless CMS. WordPress используется как источник данных (API), а визуал и логика — в React. Такой decoupled-подход дал гибкость на фронтенде, не связывая руки CMS-шаблонами.

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

WordPress помог снизить порог входа для контент-менеджеров. В админке внедрили кастомные поля и ограничения (например, лимит на длину заголовка), чтобы контент нельзя было «сломать» и визуал оставался аккуратным при любых правках. Плюс — можно смотреть историю версий и кто внес изменения: удобно для контроля качества и оперативных откатов.

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

Главный эффект — устранение барьера входа в South HUB. Участники больше не тратят время на поиск деталей и технические вопросы, а могут сосредоточиться на выборе докладов, активности и нетворкинге. Благодаря этому вовлечённость существенно выросла, а количество участников увеличилось кратно.