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