IllumiMapi: Photo Map Memory & Location Tracker

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

iOS Application

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

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

ЛОГОТИП
Первое, что мы решили сделать, это обновить логотип приложения и вложить в него больше образности, сделав что-то простое, лаконичное, содержащее небольшой ребус.
— Мы взяли название приложения и первые буквы слов, образовавших его;
— К ним мы добавили образ песочных часов, чтобы была привязка ко времени;
— Выделили графические формы, которые позволяют эти образы уловить;
— Наложили графические формы друг на друга, чтобы получить единый образ;
— Построили несколько гипотез, какие образы могут быть считаны с логотипа;
— И довели его до финального состояния;

СЦЕНАРИИ ВЗАИМОДЕЙСТВИЯ
Чтобы ничего не упустить, совместно с клиентом проработали верхне-уровневую карту взаимодействия с пользователем;

ГАЙДЫ И ВИЗУАЛЬНЫЙ КОНЦЕПТ
Сервис кросс-платформенный, поэтому важно задать унифицированные и понятные правила визуального повествования.
Для поддержания однородности и узнаваемости всех элементов для конечного пользователя мы разработали небольшой гайд-лайн.

ЦВЕТ И ШРИФТ
Для поддержки образа мы решили в заголовках использовать тот же шрифт, который мы взяли как основу для текстовой части лого.
Цвет содержит классические для массовых сервисов цвета, при этом имеет яркие, но балансирующие оттенки, а, главное, так получился запоминающийся узнаваемый образ засчёт градиента.

ИКОНКИ
Уделили внимание и иконкам, ведь именно через них пользователь чаще всего будет взаимодействовать с теми или иными элементами управления;
Для некоторых иконок подготовили несколько вариантов цвета, который зависит от контекста использования.

ИЛЛЮСТРАЦИИ
В рамках уже заданной стилистики разработали несколько иллюстраций для поддержки текстовой части приветственного экрана, появляющимся при первом запуске приложения.

ПРОТОТИПЫ
Чтобы отработать различные гипотезы до того, как приступили к UI для сервиса целиком — нарисовали ч/б прототипы.
В итоге наша карта разрослась с 26 ключевых экранов до 76 экранов для мобильной версии и ещё 56 для веб-десктоп версии в виде прототипов, хотя покрыты были только сценарные события, визуальные состояния мы решили оставить на этап UI.
В дополнение к функционалу, который заявлялся, мы предложили внедрить несколько функций, которые поддержали бы одну из задач клиента — повысить вовлеченность и социализацию со стороны пользователя.
Так появилась возможность быстро получить доступ к фотографиям на карте, которые принадлежали бы только одному пользователю. Благодаря этому, приложение будет отличным фото-хабом для себя, родственников и друзей.
Мы предусмотрели возможность настраивать избранные места с заданной областью и именем, что позволяет всегда быть в курсе того, что происходило и происходит в заданной локации.
Также для новых пользователей мы добавили функцию массовой загрузки фотографий с автоматическим определением локации и года из мета-данных, сводя процесс вхождения в сервис к минимуму усилий.

ФИНАЛЬНЫЙ UI
В итоге у нас получилось 195 экранов для сервиса (мобильное и веб представления), показывающих все необходимые состояния и сводящие вопросы со стороны разработки к минимуму.

Прочая информация о кейсе

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

Скриншоты