30 октября 2017
Кейс: Buy The Way
Проблема сайтов трансферных компаний — они похожи друг на друга, как Кира Найтли на Натали Портман. Форма заказа, длинный вертикальный лендинг, иконки с «нашими преимуществами», лакированные черные тачки (потому что черный — цвет твоих парадных туфель, ага). Хватит это терпеть.
Наш клиент — трансферная компания Buy the Way, основная аудитория которой — бизнес-сегмент.
Задача: сделать сайт, который выделялся бы на фоне серых будней, и при этом привлекал потенциальных клиентов и партнеров.
Концепция
Мы начали с того, что сломали типовую логику трансферных сайтов, а заодно и всех длиннолендингов — и сделали горизонтальный скролл вместо вертикального. Прирожденный критик скажет: «тоже мне удивили, я давеча видел такое у Бюро-Мюро», адепт классического юзабилити возмутится: «но ведь движение пальца не совпадает с движением сайта!». На самом деле, всё это собачьи сказки, ребята. Главная задача любого промо-сайта — быть круче своих собратьев, показать, кто тут Энакин, а кто армия клонов.
Типографика
Фирменная гарнитура Buy The Way симпатичная, но использовать ее в заголовках было бы не очень рационально — шрифт массивный, он просто забил бы свободное пространство. Поэтому мы подобрали новый, подходящий по стилю, но полегче.
Эффекты
Добавили картинке глубины — небольшой параллакс-эффект тут как нельзя к месту, он напоминает о движущихся объектах за окном машины. Подсластили всё это дело несложной анимацией: по скроллу вверху летают самолетики, внизу катаются машинки. Тема трансфера из аэропорта раскрыта.
Чтобы сделать первый экран еще более цепляющим — вместо статичных картинок поставили видео. Выбирали основательно, пересмотрели порядка шестидесяти роликов, прежде чем предложить окончательный вариант клиенту.
Графика
В автопарке у компании есть машины любого класса. Мы решили сделать этот раздел особенным и вместо фото добавили иллюстрации — получилось необычно и стильно.
Фотографии
Мы могли бы пойти по пути наименьшего сопротивления: отдать задачу на откуп какому-нибудь незнакомому фотографу, затаиться и ждать фоточек. А потом не глядя залить их на сайт. Но мы же красавчики: написали техническое задание для фотографа и всё прошло идеально.
В итоге всё выглядит очень круто — примерно вот так:
Формы
Тут тоже сделали всё аккуратно, но сильно, по гайдам мистера Удода.
Форма для партнеров несколько объемнее, но раз речь идет о долгосрочном сотрудничестве — никого не пугает перспектива заполнить десять полей.
Мобильная версия
Сделали облегченную версию для мобильных устройств — с отключенными лишними эффектами. У нее всего два агрегатных состояния: десктопное и мобильное.
Если вам тоже нравится игра слов в названии Buy The Way, то приходите смотреть: http://buytheway.org/
Мы отправляем полезные материалы, которые помогут вам в работе
Популярные статьи в категории Кейсы
-
31 июля 2017
1 992
31
-
14 мая 2020
2 811
14
-
05 февраля 2016
1 633
28