Портфолио Кейс · Промосайт

Сайт бизнес‑экспедиции Forbes в ЮАР

Промосайт для проекта команды Forbes. За 14 дней собрали сценарий из 12 экранов, который показывает Африку как рынок для роста и ведёт предпринимателя к заявке на участие.

Клиент
Forbes Experience
Что сделали
UX/UI-дизайн и разработка
Срок
14 дней
Формат
Промосайт с адаптивом
Проект команды: Forbes
Сайт Forbes Experience в окне браузера: первый экран и блок «Вызовы превращаются в возможности»
12
экранов в одном сценарии
14 дней
от концепции до запуска
100%
адаптация под мобильные
UX/UI + код
полный цикл в одной команде

Задача и решение

Задача

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

  • Сложный продукт: поездка, программа, медиа и нетворкинг
  • Высокий чек участия — решение принимают не сразу
  • Сжатые сроки запуска
Решение

Построили сайт как историю: от вызовов рынка — к ценности поездки, программе и тарифам. Деловую интонацию Forbes сохранили, а энергию экспедиции передали через линию маршрута, объёмные элементы и карту.

  • Сценарий из 12 экранов с понятной ролью каждого
  • Две точки заявки: ранний экспресс-анализ и финальная форма
  • Тёмная база и один яркий оранжевый акцент

Сценарий из 12 экранов

Каждый блок отвечает на вопрос, который возникает у предпринимателя по дороге к заявке. Форма появляется дважды: после первых аргументов и в самом конце.

  • Внимание
  • Доверие
  • Продукт
  • Заявка
  1. 01 Оффер, даты и место Внимание
  2. 02 Вызовы и возможности Внимание
  3. 03 География экспедиций Доверие
  4. 04 Экспресс-анализ с экспертом Заявка
  5. 05 Что вы увезёте из ЮАР Продукт
  6. 06 Медиа-сопровождение Продукт
  7. 07 Программа по дням Продукт
  8. 08 Спикеры и эксперты Доверие
  9. 09 Видеоотчёт Доверие
  10. 10 Стоимость участия Заявка
  11. 11 Прошлые поездки Доверие
  12. 12 FAQ, партнёры и заявка Заявка

Ключевые экраны крупным планом

Шесть блоков, на которых держатся внимание, доверие и заявка. Макеты — из исходного файла проекта.

Первый экран сайта: «Экспедиция с Forbes в ЮАР — ваш путь на зарубежные рынки»
01

Первый экран

Даты, место и оффер считываются за несколько секунд. Подпись «Проект команды Forbes» сразу снимает вопрос доверия, а глобус с маршрутами задаёт тему экспедиции.

  • Оффер и даты в первом экране
  • Кнопка «Стать участником» без прокрутки
Блок «Вызовы превращаются в возможности» с двумя карточками
02

Вызовы и возможности

Два контрастных блока: тёмные «сегодняшние реалии» и оранжевое «что даёт Африка». Аргумент понятен даже тем, кто не читает мелкий текст.

  • Проблема и решение рядом
  • Оранжевая линия маршрута ведёт вниз по странице
Блок «География наших бизнес-экспедиций» с картой мира
03

География экспедиций

Карта с маршрутами бизнес-экспедиций и цифры программы. Масштаб проекта виден без длинных объяснений.

  • Карта маршрутов на тёмном фоне
  • Цифры программы крупным шрифтом
Блок «Экспресс-анализ с экспертом Forbes» с формой записи
04

Экспресс-анализ с экспертом

Ранняя точка заявки для тех, кто ещё не готов купить участие: бесплатная сессия с экспертом Forbes и короткая форма записи.

  • Форма в середине страницы, а не только в конце
  • Выгоды сессии рядом с формой
Блок «Что вы увезёте из ЮАР» с карточками преимуществ на оранжевом фоне
05

Что вы увезёте из ЮАР

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

  • Выгоды — до тарифов
  • Тёмные и светлые карточки в шахматном порядке
Блок «Стоимость участия» с базовым и премиальным тарифами
06

Стоимость участия

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

  • Сравнение тарифов в одном экране
  • Кнопка заявки в каждой карточке

Визуальный язык: деловой, но живой

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

Цвет

  • Основа #101010
  • Плашки #323232
  • Маршрут #F99520
  • Текст #FAFAFA
  • Кнопки #F98E0D → #FAA135

Элементы интерфейса

Шрифт

Helvetica Neue

Строгий гротеск в духе деловых медиа. Крупные заголовки и светлое начертание для подзаголовков.

Объёмные треугольникиАкцентируют первый экран и ключевые переходы
Линия маршрутаПроходит через всю страницу и связывает блоки в одну историю
Карта экспедицийПоказывает масштаб проекта без лишнего текста
Адаптив

Тот же характер на экране телефона

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

  • Все 12 экранов адаптированы под мобильные
  • Формы заявки удобно заполнять с телефона
Мобильная версия блока «Что вы увезёте из ЮАР» на экране смартфона
Результат

Сайт запустили за 14 дней

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

Что сделали

  • Сценарий страницы и прототип
  • UX/UI-дизайн 12 экранов
  • Визуальная система: цвет, шрифт, 3D-элементы
  • Адаптив под мобильные
  • Вёрстка, разработка и запуск
  • Две формы заявки: экспресс-анализ и участие
Заявка на проект

Расскажите,
что нужно сделать

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

до 1 дня
на первый ответ
30 минут
на знакомство и задачу
Контакты и задача Ответим в течение дня