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

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

О проекте

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

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

App screen
Map
  • Дизайн

    Юлия Санюк

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

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

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

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

  • Разработка

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

App logo

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

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

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

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

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

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

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

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

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

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

БылоРешения

Стало

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

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

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

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

Before app screen
Map
3 блок / Посещение
Before screen

4 блок / опросник

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

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

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

обновили пользовательский интерфейс: изменили цветовую палитру и типографику

вместо бесконечного экрана опросника разбили форму на шаги

6 блок /

Страница профиля

Before profile screen

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

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

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

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

  • 1
    изменили цвета, шрифты и размер кнопок
  • 2
    проработали пользовательский интерфейс и пункты меню в соответствии с новыми гайдлайнами
After profile screen After profile screen After profile screen
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

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

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

Many screens
8 блок /

Иконки

Иконки

All icons All icons User