Кейс: Stendeco — визуальная навигация для паркинга торговых и бизнес-центров

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

Задача

Сделать лендинг для отдельной услуги так, чтобы она не выбивалась из общего стиля и работала на целевую аудиторию. Владельцы торговых и бизнес-центров, приходя на сайт Stendeco, должны понимать, что здесь они получат крутой паркинг и навигацию, с которой невозможно заблудиться в принципе.

Решение

Мы запустили два процесса параллельно: проектирование дизайн-концепции и разработку контента. Команды общались между собой, что позволило создать лендинг максимально быстро.

Сайт начинает рассказывать свою историю с объяснения потребностей посетителей (водители и пешеходы) и работников паркинга. И того, как навигация им помогает:

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

«Дожимаем» авторитетом — с помощью вот таких персонажей и емких текстов даем понять: тут работают настоящие профессионалы.

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

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

Немножечко об эстетике

На сайте, где даже Google-карта не выбивается из общего стиля, никак нельзя допустить стилистической ошибки (да-да, это мы про основной сайт Stendeco).

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

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

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

А на первом экране двойные пунктиры-следы оставляют анимированные машинки, которые катаются по большому паркингу. Катаются, но никогда не сталкиваются и не собираются в пробки — потому что у Stendeco правда хорошая навигация.

Результат

Бригады не могут найти свободного дня в своем графике, а всё потому, что лендинг получился ну очень крутым.

Смотрите: http://stendeco.ru/nav/