переместить
переместить
000000
//меню
меню//
написать в телеграм
страхи, яхты и it: сайт, после которого захочется в отпуск
image

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta промо-сайт react / next.js 2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

Design Regatta

промо-сайт

react / next.js

2 месяца

про клиента и задачу

Design Regatta — тревел-событие для IT-сообщества, организующее яхтенные регаты по миру, а в 2026 году — в Новой Зеландии. Такой формат отдыха у многих вызывает сомнения: сложно, дорого, далеко и непонятно.

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

image
image

быстро нащупали верный вектор работы — через умный мудборд

У клиента никогда не было бренд-материалов, которые его устраивали, поэтому мы собрали умный мудборд, чтобы не просто «нащупать», а выстроить визуальный стиль с нуля.

Построили градиент с учетом особенностей проекта:

  1. Нужно вау;
  2. Должна быть связь с айдентикой;
  3. По срокам — есть 3 недели на дизайн.

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

image

построили концепцию вокруг айдентики

Клиент хотел, чтобы сайт снимал основные возражения: страхи за безопасность, неизвестность формата и сомнения в том, кто окажется рядом на борту. Важно было показать, что Design Regatta — это про комфорт, вдохновение и классное сообщество.

Мы выстроили концепцию на базе айдентики клиента (обновлённой из старого логотипа), «вкусных» фотографий и интерактива. Нестандартный дизайн, анимированные элементы и атмосферные кадры — всё это вовлекает, создаёт ощущение присутствия и мягко подталкивает к покупке.

image

развернули дизайн

/удерживаем внимание между экранами интерактивными перебивками/

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

image
image
image
image
image

/погружаем в атмосферу острова/

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

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

image

/знакомим с сердцем регаты/

Следующие два блока работают вместе: сначала мы показываем, в чём ценность регаты — через визуал и эмоции. А дальше усиливаем доверие: для тех, кому важна компания, представляем участников прошлых поездок, а не просто размещаем их фото.

Дополнительно подкрепляем всё фактами и цифрами, чтобы убедить: Design Regatta — опытный организатор, и каждый участник в надёжных руках.

image

заверстали сайт

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

Для этого мы:

  • Разбили страничку на фрагменты: тяжёлые блоки и анимации подгружаются не сразу, а только когда пользователь до них доскроллит;
  • Добавили lazy loading для фотографий, чтобы они начинали подгружаться только при появлении в зоне видимости;
  • Использовали sizes и srcset для фотографий;
  • Для фотографий, которые видны сразу, использовали thumbhash на время их загрузки — легковесная версия изображения, похожая на блюр, чтобы, пока основная большая картинка грузится, было видно что-то красивое, а не пустоту.

/покреативили над вторым блоком сайта /

У клиента было несколько сотен фотографий, и он никак не мог выбрать, какие именно хочется разместить на сайте. Чтобы не мучить ребят, мы просто залили в папку множество фотографий и сделали так, чтобы на экране отображалось N-случайных фото. Так увлеклись на разработке, что сначала попробовали эту задумку с котиками — вся команда не могла от них отлипнуть!

И клиент доволен, и нам кайфово, и для посетителя сделали интерактив, подстегивающий азарт в исследовании сайта.

image

результаты

  • Дизайн-регата — продукт с уникальной идентичностью. Старый сайт воспринимался шаблонно и просто, и он совсем не передавал атмосферу ивента. Теперь же внешние коммуникации мероприятия соответствуют его сути.
  • Заказчику так понравился новый вид сайта, что он дополнительно попросил развернуть его дизайн на все их старые сайты.
  • Ещё до релиза сайт получил тёплый отклик от коммьюнити — и заказчик, и его аудитория ждали запуск, так что интерес к регате начал расти ещё до старта продаж.
image
image
image
image

ксения турова

арт-директор

кирилл дерягин

дизайнер

света бенюх

дизайнер

миша зубков

техлид

паша выгузов

проджект-менеджер

перейти на сайт
0
давайте мы сделаем, а вам понравится
меню//
написать в телеграм