Городская навигация
Одностраничный сайт
Профиль
деятельности
Производство
и размещение рекламных указателей
Задача
сайта
Компании хотелось в необременительной форме рассказать
будущим клиентам о простоте, доступности и пользе
от установки знаков навигации.

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

Лендинг призван ознакомить с продуктом и позволяет оставить контактные данные для дальнейшего общения
с менеджером, получив за это приятный бонус.
Аналитика
и проектирование UX
Перед этапом дизайна мы проанализировали
предоставленную нам информацию
о потенциальных пользователях, и на ее основе разработали оптимальную структуру
лендинга, сделав интерактивный прототип.
Дизайн
концепция
Наши клиенты пришли к нам с готовым
видеороликом, который должен был
стать ключевым объектом,
объясняющим зрителям значимость
знаков для их бизнеса.
Именно поэтому ролик стал
отправной точкой при разработке
дизайна.
Мы использовали основной его персонаж – знак, который будет сопровождать пользователей почти на всех экранах лендинга.
дизайн концепция
Цвета
и шрифты
Мы использовали SVG-графику в иллюстрациях,
анимировав мелкие детали.

Шрифты были взяты из библиотеки Google Fonts,
что позволило нам сделать современный
и технологичный сайт с поддержкой на разных
устройствах.
Rubik Medium
заголовки
абвгдеёжзиклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
1234567890!»№;%:?*()}{<>_+
Rubik Light
основной
текст
абвгдеёжзиклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
1234567890!»№;%:?*()}{<>_+
#e2f1f9
#fFFFFF
#f8fcfd
#ffe15c
#33bef2
#333333
Конфигуратор
указателя
Один из экранов лендинга наглядно
демонстрирует, как выглядит
знак, предлагая пользователю ввести
название своей компании
и оценить его внешний вид.
Попробуйте и Вы:
8/11 знаков
12/14 знаков
2,5
Площадь
Ленина
Москва
Киров
Компания
Деятельность
2,5
Площадь
СЕННАЯ
11
Шоссе
МОСКОВСКОЕ
7,0
Площадь
ГОРЬКОГО
Устройство знака
Также мы решили упомянуть о качестве указателей,
показав в анимированной взрыв-схеме, как устроен знак.
Как упоминалось выше, иллюстрации героев были взяты
из видеоролика, предоставленного клиентами. Мы в свою очередь анимировали изображения, создавая для пользователей повод дополнительного взаимодействия с персонажем.