Перейти к содержимому

Tuborg. Бренд-сайт, который открывает больше

Карточка кейса Tuborg
  • Бренд-сайт
  • UX/UI-дизайн
  • FMCG
  • Мультиязычный сайт
  • Анимационная концепция

Разработали UX/UI-дизайн сайта Tuborg — не просто каталога продукции, а полноценной digital-среды бренда. В ней продукт соседствует с музыкой, событиями, историей и контентом, к которому хочется возвращаться.

Проект в фактах

  • Что сделали
    UX/UI-дизайн, адаптивные версии, анимационная концепция, разработка
  • Формат
    Мультиязычный бренд-сайт
  • Языки
    Русский, английский, узбекский

Цель

Перенести характер Tuborg в digital

Нужно было спроектировать современный сайт для FMCG-бренда, который знакомит с продуктовой линейкой, но не ограничивается её презентацией.

Задача

Задачей Круто стало создание визуально насыщенной и при этом понятной структуры: с продуктами, новостями, мероприятиями, историей бренда и отдельным направлением Tuborg Open.

Tuborg — это не только продукт, но и музыка, события, история и определённый образ жизни. Мы собрали всё это в единую digital-систему, сохранив яркий характер бренда и понятную навигацию
Тимур Гиндин, создатель KrutoТимур ГиндинСоздатель Kruto

Не каталог, а карта мира Tuborg

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

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

Главная страница: линейка продукции и разделы сайта

Продукт — подробно, но не сухо

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

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

Страница продукта Tuborg Green на десктопе
Страница продукта Tuborg Green на смартфоне

Музыка и события как часть бренда

Tuborg Open вынесли в самостоятельное направление с анонсами, карточками мероприятий и материалами об артистах. Это помогает представить сайт не только как продуктовую витрину, но и как площадку для коммуникации бренда с аудиторией.

Проект Tuborg Open действительно объединяет музыку, международные коллаборации и локальных исполнителей — в том числе из Узбекистана.

Раздел Tuborg Open с анонсами и артистами
Страница истории бренда
Страница новости о географии бренда

Детали системы

В дизайне предусмотрели:

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

Бренд — это больше, чем продукт

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

Результат

Круто спроектировали и разработали многостраничный бренд-сайт Tuborg для десктопных и мобильных устройств. В одной системе объединили продуктовый, имиджевый и событийный контент, предусмотрели мультиязычность, возрастной экран и анимационные сценарии.

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

Ярко — не значит хаотично

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

Да, если за визуальными эффектами стоит понятная иерархия. В проекте Tuborg насыщенная графика привлекает внимание, а модульная структура помогает быстро найти продукты, новости или мероприятия.

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