MOBILE APP REDESIGN

POWERED BY PURRWEB STUDIO

ABOUT PROJECT

JOURNY is an easy-to-use mobile app that monitors and manages field teams in real-time providing a 360-degree view into all field activities.

Field teams can benefit from route optimizations, dynamic forms for data collection, pre-scheduled tasks, taking geotagged photos, collecting purchase orders and more.

  • DESIGN

    Julia Sanyuk

  • PROJECT MANAGER

    Sergey Nikonenko | Kate Strokina

  • COPYWRITING

    Sergey Nikonenko

  • DEVELOPMENT

    Sergey Ivanov | Sergey Ponomarev

PROBLEMS OF THE OLD VERSION:

  • outdated UI;
  • lots of missing features that prevented seamless UX;
  • difficult differentiation between statuses of visits;
  • design was only Android specific. That design can not be used on IOS devices.

REDESIGN GOALS:

  • check users’ feedback and app analytics;
  • refresh the UI but keep it calm;
  • find out missing features;
  • come up with the new filter/status concept;
  • design became universal and can be supported on both IOS/Android devices.

1 BLOCK PAGES / LOG IN

MOBILE APP REDESIGN

2 BLOCK PAGES / DASHBOARD

Before Problems

  • Inconvenience to check past
    visits (e.g. 1 year ago) - user’s
    request
  • No need to show the whole
    week to a user, he’s only
    interested in the visits
    for a single day
  • No way to understand
    visit status

After Solution

  • Added the feature
    to trace the history
    back with the calendar
  • Restructured the layout of the whole
    screen to manage the focus of the
    user on a specific day and it’s visits
  • Implemented a new
    color status map
    and map legend

2 BLOCK PAGES / DASHBOARD

3 BLOCK PAGES / VISIT

BEFORESOLUTION

AFTER

  • Designed the rescheduling
    functionality
  • Added ability for a user to
    check the visit location on
    the map
  • Changed the visit layout
    to make it scalable for
    multiple surveys

No way to cancel,
reschedule a viSit

User can’t track the
location of a specific visit

Layout was’t scalable to
add several surveys

3 BLOCK PAGES / VISIT

MOBILE APP REDESIGN

5 BLOCK PAGES / MENU

5 BLOCK PAGES / MENU

MOBILE APP REDESIGN

6 BLOCK PAGES / PROFILE PAGE

BEFORE Problems

An old-fashioned layout of the profile screen

MOBILE APP REDESIGN

After Solution

  • Changed the button size,
    colors and fonts
  • Polished the UI for profile
    and menu screens
    according to a new
    styleguide

6 BLOCK PAGES / PROFILE PAGE

7 BLOCK PAGES / COLOR

Text color

Black brown - main color #202020

Color

Green sea - main color #219653
Light steel blue - main color #BFBFDB
Gray slate - complementary #627E89
Lavender - complementary #E0E0F3

Style Shadow

Shadow #D6DCF1; blur-10, y-3; opacity 50%
Shadow #8BAE9A; blur-10, y-3; opacity 100%
Shadow #C3C3DA; blur-10, y-3; opacity 50%

Complementary color

Saffron #F6B830
Craiola Fern #6AC259
Light carmine pink #FF7573

Animation for the slider

APP DESIGN UI/UX - JULY 2018

INTERACTION The appearance of elements on the site

JOURNY PURRWEB

Field teams can benefit from route optimizations, dynamic forms for data collection, pre-scheduled tasks, taking geotagged photos, collecting purchase orders and more.

Businesses can increase efficiencies and revenue by bridging the gap between management and field teams.

8 BLOCK PAGES / ICON

Icons Active

 Normal

Picture Picture

 Picture default