Year 2021

Platforms Desktop web, Mobile web

My Role Sole Designer, Research, User Testing, Interaction design, Visual design, Prototype, Design system

Fresh Prints is a custom apparel company based in NY. Their primary customers are college students, and they also have corporate clientele.

V4 is the OMS(Order Management System) of FP and order pages is part of it.

Order Pages are the detail view of the order placed by a client. It helps operations team to process the order, edit and track the order.

Why Re-design?

To keep up with the growing business of Freshprints, need to update the existing system for 10x more customers.

FreshPrint's Ordering Flow

Primary Users: Order processors for handling the flow of goods and services between a company and its customers.

Secondary Users: Printers, Fulfilment centres to update the status in order to track the progress.

Tertiary Users: Admins to edit and Clients to track the order progress.

Responsibilities of order processors

1. Before assigning, review the order like stock, printing info, pricing accuracy.

2. Assign order to printer and fulfilment centre on the basis of location.

3. Track order and co-ordinate with suppliers, vendors and outside partners to ensure orders are fulfilled and delivered on time.

Problem

After auditing the order pages, we discovered 4 major problems in the flows.

1. Dated

Visually V3 dashboard looked quite antiquated and out of touch with modern, calm and fun user interface compared to the other dashboards.

2. Cluttered

Lack of hierarchy and scattered placement of information, irrelevant and repetitive info makes the task cognitively taxing to efficiently scan and complete tasks.

3. Friction in Flow

After watching the interaction of operations team with the older version, I noticed they were going back and forth to complete a task and there were unnecessary steps which made the flow longer and inefficient.

4. Non-Responsive

Mobile interface was the small version of the desktop in which the information was scattered, hard to read, and not optimized for the mobile use.

Opportunity

How might we make experience modern, relevant, smooth and responsive?

We converted our key problems into opportunities to solve for during the redesign.

1. Modern

Visually V3 dashboard looked quite antiquated and out of touch with modern, calm and fun user interface compared to the other dashboards.

2. Relevant

Lack of hierarchy and scattered placement of information. Irrelevant and repetitive info makes the task cognitively taxing to scan and complete efficiently.

3. Smooth Flow

4. Responsive

Mobile interface was the small version of the desktop in which the information was scattered, hard to read, and not optimized for the mobile use.

Order Types

There are two types of orders:

Regular Orders: It is placed when the orders are small and organization can easily manage money.

Group Orders: It is placed when the orders are big and organization can’t manage money.

Design Decisions

The new design went through couple of iterations before we had a final design. Here are few examples of approaching design and taking decisions.

Order details - Worked on information hierarchy, adding relevant info for quick overview, streamlining all actions.

Order Item details - Scattered to Organized

Pop-ups to sliders to complete small tasks like Assign items, Check-In items, Report missing, Create shipping labels, etc.

Final Designs

New design is based on the FP's internal design system that includes color palette, icons, button styles etc, but we added more components while working on order pages.

Regular Order Page