Purrweb - Case for field workers IOS/Android app

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

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

After Solution

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

2 BLOCK PAGES / DASHBOARD

3 BLOCK PAGES / VISIT

BEFORESOLUTION

AFTER

  1. Designed the rescheduling
    functionality
  2. Added ability for a user to
    check the visit location on
    the map
  3. 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

  1. Changed the button size,
    colors and fonts
  2. 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

THANK YOU
FOR WATCHING