Дизайн Мобильного Приложения

Сделано Студией PURRWEB

О проекте

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

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

  • Дизайн

    Юлия Санюк

  • Проектный Менеджер

    Сергей Никоненко | Екатерина Строкина

  • Копирайтинг

    Сергей Никоненко

  • Разработка

    Сергей Пономарев | Сергей Иванов

Проблемы предыдущей версии:

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

Цели Редизайна:

  • собрать отзывы пользователей и аналитические данные о приложении
  • обновить пользовательский интерфейс, но в более нейтральных тонах
  • определить недостающие функции
  • создать новый концепт для фильтрации и статусов
  • сделать дизайн универсальным для обеих платформ iOS и Android

1 BLOCK PAGES / LOG IN

MOBILE APP REDESIGN

2 блок / Панель управления

Было Проблемы

  • Неудобство в отслеживании
    предыдущих визитов
    (например за прошедший год)
  • Отсутствие необходимости
    показывать пользователю
    данные за неделю,
    пользователю интересен
    только текущий день
  • Очень сложные для
    понимания статусы визитов

Стало Решения

  • Добавили Календарь
    с возможностью отслеживать историю
  • Изменили структуру всего экрана,
    появилась возможность отслеживать
    информацию по определенному дню
  • Идентифицировали разные статусы
    цветами и интегрировали карту

2 блок / Панель управления

3 блок / Посещение

БылоПроблемы

Стало

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

Нет возможности отменить или
переназначить визит

Пользователи не могут отслеживать
геолокацию магазинов,
которые нужно посетить

Отсутствовала возможность
добавлять больше одного опросника

3 блок / Посещение

Редизайн мобильного приложения

5 блок / Меню

5 блок / меню

Редизайн мобильного приложения

6 блок / Страница профиля

Было Проблемы

Устаревший дизайн интерфейса пользовательского профиля

Редизайн приложения

Стало Решения

  • Изменили цвета,
    шрифты и размер кнопок
  • Проработали пользовательский
    интерфейс и пункты меню
    в соответствии с новыми гайдлайнами

6 блок / страница профиля

7 блок / цвет

Цвет текста

Черно-коричневый - основной цвет #202020

Цвета

Цвет морской волны - основной цвет #219653
Серый шифер - вспомогательный цвет #BFBFDB
Светлый стальной синий - основной цвет #627E89
Бледно-лиловый - вспомогательный цвет #E0E0F3

Стиль Тени

Тень #D6DCF1; blur-10, y-3; opacity 50%
Тень #8BAE9A; blur-10, y-3; opacity 100%
Тень #C3C3DA; blur-10, y-3; opacity 50%

Вспомогательные цвета

Шафран #F6B830
Серовато-травяной #6AC259
Светлый Карминно-розовый #FF7573

Анимация слайдера

UI/UX ДИЗАЙН ПРИЛОЖЕНИЯ - ИЮЛЬ 2018

ВЗАИМОДЕЙСТВИЕ Появление элементов на сайте

JOURNY PURRWEB

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

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

8 блок / иконки

Иконки Активные

 Обычные

Изображение Изображение

Изображение по умолчанию