DIGITAL DESIGNER · PORTFOLIO · 2020 — 2023 Написать

в кейсыв кейсы

Planograph

Конструктор интерактивных карт для создания планов и схем: торговых центров, офисов.

6 мин читать

#Branding and Identity

#UI/UX design

#Art Direction

Логотип

О проекте

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

Разработка логотипа

Специально для проекта разработали логотип, который состоит из знака и названия проекта.

Семантика знака: здание в форме буквы «P» изображено изометрии. Шрифт для основной части лого подобран неконтрастный, акцидентый. Для дескриптора используется Futura.

Основной цвет выбран синий, как цвет характеризующий технологии и IT сферу.

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

Логотип вариативный. Основная объемная версия используется в рекламных материалах: видеороликах, социальных сетях или журналах.

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

Разработка лендинга

Простой и дружелюбный интерфейс с плавными формами элементов: иконок, шрифтов и кнопок.

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

UI-kit

Иконки и иллюстрации

Нарисовали иконки и иллюстрации для дизайна

Структура

Структура лендинга содержит только важные для пользователя блоки: возможности сервиса, примеры использования, тарифы, CTA с возможностью бесплатного тестового режима, инструкция по использованию и отзывы.

Личный кабинет

Спроектировали удобный маршрут пользователя

Разработали прототип сервиса на уровне вайрфреймов и применили нарисованную дизайн-систему.

Адаптивную версию сервиса решили не разрабатывать, так как бета-версия показала, что пользователи пользуются разметкой исключительно с декстопа.

Проекты.
Первый экран, на который попадает пользователь после авторизации — проекты. Работа начинается с создания папки для карт.

Вложенные проекты.
В проекте есть вложенные проекты — дочерние.

Создав проект, пользователь может создать, редактировать, включить или удалить карту на сайте.

Меню.
В боковое меню вынесена необходимая информация: проекты, подложки, корзина, тариф, профиль, выйти.

Дополнительный блок регулярно напоминает пользователю о тарифе и доступных возможностях.

Тариф.
На странице можно детально ознакомиться с тарифной сеткой. Продлить или отключить тариф, а также выбрать наиболее подходящий из предложенных.

Создать карту.
Разметка карты осуществляется на яндекс карте или на собственной подложке.

Загрузить свою подложку можно на этапе создания карты или заранее в разделе «Подложки».

Настройки проекта.
Кликнув по шестеренке напротив названия проекта, открывается функционал настройки.

Допустимое использование

Спасибо, что посмотрели

Мы открыты для новых задач. Давайте начнем разговор о вашем бренде или проекте.

Написать в tg

Planograph

Если вы хотите со мной поработать или просто поздороваться – пишите