«Сайт энергетика, который два года растёт вместе с брендом — от мудборда до 3D-банок и промо-волн.»
GO CHAMP — энергетик, для бренда которого Nocodered уже два года ведёт и развивает корпоративный сайт. Начали с мудборда и дизайн-концепта с нуля, собрали лендинг в русской и английской версиях, сверстали кастомный фронтенд с деплоем через Docker и GitLab CI/CD, а затем переработали визуал в отдельной ветке, не останавливая продакшен. По ходу отрисовали 3D-визуализацию банок, выстроили систему попапов со ссылками на маркетплейс и собирали промо-страницы под волны акций.
Отрисовали 3D-визуализацию банок энергетика для героя и карточек вкусов, выстроили систему попапов с управлением показом, сменой изображений и прямыми ссылками на маркетплейс — покупка в один клик. Под новые волны акции собрали отдельные промо-страницы на Tilda, чтобы запускать их быстро.
Текущий дизайн сайта GO CHAMP: 3D-банки энергетика в герое и карточки вкусов — Original, Mango, Гуава, Яблоко.
Полностью переработали визуал сайта и перенесли его в код в отдельной ветке, синхронизируя макеты в Figma уже на работающем проекте — обновление выкатили без простоя продакшена.
Главная gochamp.ru вживую: корпоративный сайт бренда энергетика после редизайна.
На сайте заработала механика промоакции: регистрация участников, генерация штрихкодов, форма победителя и еженедельная смена призов. Акцию продлевали и перезапускали волнами — без правок кода.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Сверстали лендинг по секциям — главная, банки, энергия, анкета, спецблок — с мобильной адаптацией каждой и настроили инфраструктуру: деплой через Docker и GitLab CI/CD.
Адаптив сайта GO CHAMP под планшет и мобильный — вёрстка секций по брейкпоинтам.
Внесли правки в концепт по обратной связи заказчика, подготовили полный набор адаптивов и интерактивных состояний для передачи в разработку и спроектировали англоязычную версию — с переключателем языка, отдельным футером и корректными контактами офиса.
Англоязычная версия сайта GO CHAMP — отдельные макеты, футер и контакты, а не перевод текста.
Стартовали с установочных созвонов и план-графика, собрали мудборд и нарисовали визуальную концепцию сайта с нуля — цвета, шрифты и фирменный стиль энергетика.
Мудборд и дизайн-концепт GO CHAMP: палитра, шрифты, референсы и визуальный язык энергетика.
Сайт развивался два года параллельно с волнами акций бренда. Визуал, призы и страницы обновляли без простоя продакшена — отдельная ветка для редизайна и инфраструктура на Docker + GitLab CI/CD позволяли катить изменения быстро и безопасно.
Английская версия — это отдельный цикл проектирования, а не перевод текста: переключатель языка, свой футер, корректные контакты офиса и пересобранные под английский макеты и адаптивы.
Банки энергетика отрисовали в 3D и собрали единый визуал продукта для героя и карточек вкусов — Original, Mango, Гуава, Яблоко. Один набор моделей переиспользуется на сайте, в попапах и в промо-материалах.
Система всплывающих окон прошла несколько версий: добавили управление показом, смену изображений, включение и отключение промо-попапа и прямые ссылки на маркетплейс — чтобы путь от интереса до покупки был в один клик.