Кейс: Buy The Way

Проблема сайтов трансферных компаний — они похожи друг на друга, как Кира Найтли на Натали Портман. Форма заказа, длинный вертикальный лендинг, иконки с «нашими преимуществами», лакированные черные тачки (потому что черный — цвет твоих парадных туфель, ага). Хватит это терпеть.

1 382 просмотра

Наш клиент — трансферная компания Buy the Way, основная аудитория которой — бизнес-сегмент.

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

Концепция

Мы начали с того, что сломали типовую логику трансферных сайтов, а заодно и всех длиннолендингов — и сделали горизонтальный скролл вместо вертикального. Прирожденный критик скажет: «тоже мне удивили, я давеча видел такое у Бюро-Мюро», адепт классического юзабилити возмутится: «но ведь движение пальца не совпадает с движением сайта!». На самом деле, всё это собачьи сказки, ребята. Главная задача любого промо-сайта — быть круче своих собратьев, показать, кто тут Энакин, а кто армия клонов.

Типографика

Фирменная гарнитура Buy The Way симпатичная, но использовать ее в заголовках было бы не очень рационально — шрифт массивный, он просто забил бы свободное пространство. Поэтому мы подобрали новый, подходящий по стилю, но полегче.

Эффекты

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

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

Графика

В автопарке у компании есть машины любого класса. Мы решили сделать этот раздел особенным и вместо фото добавили иллюстрации — получилось необычно и стильно.

Фотографии

Мы могли бы пойти по пути наименьшего сопротивления: отдать задачу на откуп какому-нибудь незнакомому фотографу, затаиться и ждать фоточек. А потом не глядя залить их на сайт. Но мы же красавчики: написали техническое задание для фотографа и всё прошло идеально.

В итоге всё выглядит очень круто — примерно вот так:

Формы

Тут тоже сделали всё аккуратно, но сильно, по гайдам мистера Удода.

Форма для партнеров несколько объемнее, но раз речь идет о долгосрочном сотрудничестве — никого не пугает перспектива заполнить десять полей.

Мобильная версия

Сделали облегченную версию для мобильных устройств — с отключенными лишними эффектами. У нее всего два агрегатных состояния: десктопное и мобильное.

Если вам тоже нравится игра слов в названии Buy The Way, то приходите смотреть: http://buytheway.org/

1 382 просмотра
Подпишись

Мы отправляем полезные материалы, которые помогут вам в работе

Популярные статьи в категории Кейсы