это Бустик, драйвер наших проектов. благодаря ему наши идеи смелые, а проекты топовые

это Инсайтóвич, мозг команды. любит закапываться в детали и принимать решения на основе аналитики

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

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

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

это Приззи — сияющий и эффектный, он отвечает за фективальность, ведь «просто хороший» дизайн наград не получает.

многостраничный сайт

(Не) ходите, дети, в Африку гулять: как мы сделали сайт, по которому взрослые едут за мечтой

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

Именно такими пришли к нам ребята из AstazTravel, лицензированного туроператора по Восточной и Южной Африке. Туры они продавали в основном через агентства-партнеров: организовывали все сами, а репутация при этом работала на чужие имена. Соцсети были, но единого позиционирования и визуального языка не было, все выглядело аккуратно и совершенно нейтрально.
За компанией стоят два основателя. Елена и Хассан познакомились в Москве, вместе уехали в Танзанию и с 2017 года организовывают туры. Елена выросла в России и точно знает, чего российский путешественник ждет от отпуска (спойлер: хорошего сервиса и горячего обеда посреди саванны). Хассан родом из Танзании и знает, как здесь все устроено изнутри. Получился тандем: она понимает гостя, он понимает дорогу. Хассан, кстати, настолько харизматичен, что туристы пишут отзывы в основном о нем. Команда признается, что немного ему завидует: организуют-то все они.

Запрос звучал так: сделать свое. Сайт, который станет главной площадкой бренда, будет цеплять новую аудиторию и выделит AstazTravel на рынке, где сайты туроператоров похожи друг на друга как две капли воды.
решение:
Что предстояло сделать:
  • выстроить позиционирование, которое поможет компании выйти из тени партнеров;
  • разработать структуру сайта туроператора: каталог, страницы туров, календарь с сезонностью, блог;
  • рассказать о сложных направлениях просто, без перегруза текстом и названиями парков;
  • показать надежность и продуманную логистику, не превращая сайт в скучный прайс;
  • создать визуальный язык, который будет выглядеть, по словам клиента, «современно, но при этом интеллектуально».
Вот с такими вводными мы и отправились в путь.
Выходим на сафари: интервью и аналитика
По традиции, мы начали нашу работу с глубинного интервью. Нам хотелось понять, почему люди выбирают именно AstazTravel и так часто возвращаются снова. Оказалось, у ребят целый список преимуществ, о которых они сами рассказывали очень скромно:

  • гибкость: можно поехать в группе, а можно заказать индивидуальный маршрут любой сложности;
  • логистика по минутам и никаких пустых остановок ради длинной программы. Лучше две локации, которые запомнятся навсегда, чем четыре дня «для галочки»;
  • свои русскоговорящие гиды и рейнджеры, готовые добраться в самые удаленные уголки парков ради редкого зверя;
  • горячие обеды посреди саванны вместо ланч-боксов с холодными бутербродами;
  • лично проверенные отели и принципиальный отказ от туров с «контактными» животными;
  • умение решить что угодно, от овербукинга до отмененного рейса.
Потом посмотрели на конкурентов и… не нашли ничего необычного: классические сайты туроператоров, много фотографий (что логично, людям важно понимать, куда они едут) и главные экраны, которые легко перепутать между собой. Выделиться на таком фоне было несложно. Сложнее было сделать это со смыслом.
Параллельно мы собрали логичную структуру нового сайта: главная страница с популярными маршрутами, каталог туров, отдельная посадочная для каждого тура, календарь, блог для SEO-продвижения и контакты.
Три тропы через саванну: концепции
Перед тем, как мы начали собирать концепции, мы сначала решили разобраться, какой тип туриста вообще едет на сафари. Чаще всего это люди, которые уже повидали мир: сначала Турция и Эмираты, потом Азия, и только потом сафари. Одни приходят со словами «мы уже видели все», другие признаются: «это была моя мечта». Одна концепция выросла из продукта, две другие из этих двух голосов.
«Формула сафари»
Эта концепция была основана на том, какой сервис предлагает компания. Сафари непредсказуемо, а тур с AstazTravel продуман до мелочей и при этом остается гибким. Мы предложили найти ту самую формулу идеального путешествия: чистый интерфейсный стиль, много воздуха, крупные кинематографичные кадры и ощущение современной технологичности. Живая природа на фотографиях и спокойный, точный интерфейс вокруг.

«Хроники пути»
Концепция от путешественника, который видел многое. Удивить его заезженными туристическими обещаниями сложно, ему нужен новый опыт. Поэтому поездка здесь превращается в личный дневник впечатлений: журнальная верстка, крупная типографика, макросъемка природы, линии маршрутов и заметки на полях. Отдельно мы предложили ретро-вариант этой концепции в стилистике печатных журналов и дорожных блокнотов, потому что ретро сейчас в тренде и отлично добавляет атмосферы.

«Код Африки»
Тоже концепция от путешественника, но с другой стороны: для того, кто давно мечтал о сафари и наконец решился. Название, честно говоря, обобщает больше, чем нам хотелось бы сегодня, зато внутри идея как раз обратная. Мы сразу договорились обойтись без зебр и гепардов на каждом экране и без «типичных» узоров. Континент огромен, в нем больше пятидесяти стран, и у каждой свой характер. Хотелось показать это разнообразие через культурные коды разных мест, спокойные теплые цвета и интересные факты.
Клиент выбрал «Хроники пути» вместе с ретро-направлением. Особенно откликнулись референсы в духе популярных журналов о путешествиях и природе, команда сказала, что это прямо про них. С этим настроением и пошли дальше.
Прокладываем маршрут: прототип
Концепцию мы заложили в прототип с первого экрана. Пользователя встречает заголовок «Хроники Африки» и обещание: «Организуем путешествия по Африке, которые становятся частью вашей истории».
Сразу под ним живет карта с направлениями. Наводишь курсор на страну и видишь не привычное «10 дней, групповой тур, цена», а то, что ты там переживешь: «Спуститесь на дно древнего кратера Нгоронгоро», «Встретьте рассвет у подножия Килиманджаро», «Понаблюдайте за Великой миграцией в Серенгети».
Дальше идут команда (Елена и Хассан подписаны как «редакторы хроники»), «Путешествия, ставшие классикой», календарь туров, рассказ о логистике и сервисе, отзывы под заголовком «Люди и их хроники» и блог «Дневник впечатлений». Про организацию и надежность мы тоже не забыли, просто рассказываем о них глазами человека, который приехал за новыми чувствами.

После главной проработали внутренние страницы: каталог, календарь, контакты и тот самый дневник. С каталогом пришлось повозиться, он получился непростым, и версий мы нарисовали примерно десять тысяч. Ладно, чуть меньше, но в Figma они правда лежат внушительной стопкой.
Страницы из дорожного блокнота: дизайн
Референсы мы собирали уже с понятным ориентиром: журнальный стиль, ретро-настроение и главный акцент на фотографиях. Все остальное должно было им помогать, а не спорить с ними.
Карточки с фотографиями лежат поверх больших полноэкранных кадров, а те мягко перетекают в фон. Журнальный шрифт, паттерн рваной бумаги, врезки, будто вырезанные ножницами из соседней страницы, и рукописные заметки, словно кто-то набросал их прямо в дороге. Кое-где разбавили фотографии видеорядом, и это добавляет страницам динамики.
Цвет подсказал сам континент. Яркий акцент мы взяли из логотипа и немного докрутили, чтобы он уверенно звучал в палитре, а спокойные земляные оттенки собрали прямо с фотографий саванны.
Мы специально избегали сложных приемов. Шрифты простые, блоки стоят по центру или по левому краю, а живость сайту дают фотографии: большие кадры на фоне и маленькие карточки поверх них. Сайт запоминается и при этом остается понятным. Для направления, где у каждого парка непростое название, это особенно важно.
Не путать ЮАР с Южной Африкой: карты
Для каждого направления мы отрисовали свою карту: Танзания, Кения, ЮАР, Намибия, Мадагаскар и регион Южная Африка. Если что, это не одно и то же. Теперь мы тоже не путаем.
Фотографии для сайта обработали в единой стилистике с фирменными паттернами. Над подбором кадров работали вместе с клиентом, и правки были по-настоящему экспертными: например, лемура на карте нужно было заменить, потому что никто не мог поручиться, что он именно с Мадагаскара.
Запускаем по главам: разработка
Мы не стали ждать, пока отрисуем все страницы, чтобы потом разом перенести их на Tilda. Сверстали главную и сразу запустили ее, так у клиента почти сразу появился рабочий инструмент. Следом добавили каталог, календарь, блог и контакты, а потом начали наполнять сайт страницами туров, одну за другой.
Такой итерационный подход сэкономил всем время и нервы: сайт уже работал, пока мы продолжали его развивать. Прямо как хроника, в которую понемногу дописываются новые главы.
Хроника продолжается
Самое приятное в этом проекте то, что концепция не осталась только на сайте. Статьи для блога команда AstazTravel пишет в той интонации, которую мы заложили, и сверяется с нами, чтобы тексты звучали в духе «Хроник».
Думаем, все сработало потому, что мы не натягивали сову на глобус. Мы взяли то, что у ребят уже было: знание Восточной и Южной Африки изнутри, уважение к людям и природе, любовь к деталям. И упаковали это так, чтобы путешественник с первого экрана понял, чем эта компания отличается от остальных. Позиционирование не спорит с природой бренда, поэтому легко живет и развивается дальше.
Результат
У AstazTravel появился свой голос и своя площадка. Сайт выглядит как журнал путешествий, который хочется листать. Он выделяется среди однотипных сайтов туроператоров и при этом остается простым и понятным. Концепция «Хроник» вышла за пределы сайта и продолжает жить в блоге и коммуникации бренда.

А мы по пути узнали, когда начинается Великая миграция, чем сухой сезон в Танзании отличается от сезона малых дождей и как отличить мадагаскарского лемура от всех остальных. Желаем AstazTravel новых глав, а их путешественникам историй, которые хочется перечитывать.
Как вам этот проект?

Посмотрите ещё этих славных кейсов да выпейте чаю

покажите ещё!