Редизайн сайта транспортной компании «ТрансАтлантик»

Главное о кейсе

Наш заказчик — ООО «Трансатлантик», транспортная компания, которая занимается перевозками под ключ. В основном контейнерными и международными.

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

Чтобы разработать новый дизайн сайта, мы разбили работу над проектом на несколько этапов:
1. Исследование
2. Концепция
3. Стиль

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

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

Бизнес-задача и ее решение

ЗАДАЧА
Провести редизайн сайта транспортной компании «ТрансАтлантик», чтобы:
– отстроиться от конкурентов,
– привлечь две категории клиентов — профи и новичков в перевозках,
– сделать сайт каналом продаж.

РЕШЕНИЕ

*ИССЛЕДОВАНИЕ*
На этапе исследования для сбора информации мы использовали несколько инструментов:

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

Также мы составили список частых вопросов от клиентов, какие у них есть барьеры при взаимодействии с компанией.

2. Игра «Карточки впечатлений». Мы собрали на доске Miro карточки с прилагательными, которые описывают то, какой компания видит себя и какой хочет, чтобы ее видели клиенты. А потом вместе с заказчиком оценили каждую карточку по шкале от 1 до 10. Так мы получили набор качеств, на которых нужно сделать акцент на сайте:
– гибкость — просто решаем сложные вопросы клиентов;
– прозрачность — честно рассказываем обо всех этапах перевозок и о том, из чего складывается стоимость;
– безопасность — гарантируем сохранность груза, потому что перевозим в собственных контейнерах;
– интегрированность — привезем откуда и куда угодно, любым видом транспорта.

3. Мудборд. Мы исследовали конкурентов и собрали мудборд из кусочков интерфейсов и других визуальных образов, которые создают нужное впечатление. А затем определили, за счет каких приемов это впечатление достигается. И приступили к разработке концепции.

*КОНЦЕПЦИЯ ГЛАВНОЙ СТРАНИЦЫ*
Главная страница — точка первого контакта с сайтом. У нее имиджевый характер, именно она должна транслировать характеристики компании и создавать впечатление.

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

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

Так мы не только закрыли потребности двух аудиторий, но и отстроились от конкурентов. Большинство сайтов подобной тематики имеют одинаковую блочную структуру и пытаются рассказать сразу все: про услуги, условия, новости компании и проч. Это размывает фокус и никак не выделяет компании. Мы же концентрируемся только на главном, а все остальные аспекты уносим на тематические страницы.

*СТИЛЬ*
Как и для подачи информации, так и для визуального стиля мы выбрали лаконичность. Для фона использовали оттенки серого, а для расстановки акцентов — оттенки синего, в цвет фирменных контейнеров «Трансатлантик».

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

*СТРАНИЦА С КЕЙСАМИ*
Если главная страница производит впечатление и рассказывает о преимуществах, то страница с кейсами — подтверждает, почему этим словам можно верить. Здесь мы использовали тот же стиль, но, вместо сквозной подачи, разбили информацию на блоки и визуально выделили важные факты — так клиентам не нужно вчитываться, а можно найти ответы на свои вопросы, бегло взглянув на страницу.

У остальных страниц — утилитарное назначение. Их мы сделали в той же логике, что и кейсы: структурно, с выделением ключевых моментов и с применением нового стиля.

Скриншоты