Field Tracker
 
Logistic Backend Tracker

Apologies! but as per the Non-Discloser Agreements (NDA) between me and the client (Pycube) I can't use business name, logo and any kind of brand identity. So! here I am going to name this app 'Field Tracker'.

The client planned for some pilot app for different industries. One of those is 'Field Tracker' focusing the backend tracking for logistic industry.

They have separate parallel app for customers and support.

Project description
 

Problem Statement:

Enhancing the enterprise application’s usability to provide a smooth and intuitive experience for users (every employee).

Project Summary:

Optimizing the enterprise application’s interface and interactions to better serve its users.

Goals and Objectives:

Improve user engagement and retention by simplifying navigation and incorporating intuitive features. Reduce user frustration by addressing pain points in the existing app.

Target Audience:

Employees aged 20–60 with varying levels of tech-savviness, seeking a seamless and hassle-free user experience.

Research Methods:

Conducting contextual interviews and usability testing to gather insights into user needs and pain points within the app.

Design Process:

Applying user-centered design principles to redesign key app screens, validating changes through user testing and feedback.

Details
 

Project type

Fixed time

Time line

52 weeks

Cross functional teams

Product 2
UX 1
Sr. UX Designer Individual contributor
AIML 1
Front-end 4
Back-end 6
QA 3
UX Process
 
 
User Interview
 

A series of user interviews were conducted to understand user goals and pain points and to unearth any unexplored areas.

15 users were interviewed. goal is to understand how users interact with complex, task-driven systems used in a professional setting. These interviews are different from B2C because enterprise users prioritize efficiency, accuracy, workflow integration, and reliability over visual delight. The idea of the questionnaire is to keep it ...

  • Be open-ended: Let users talk freely.
  • Encourage stories: “Can you give me an example?” reveals deeper insights.
  • Avoid leading questions: Asked what they do, not why they like your product.
  • Record (with consent): Used Zoom for transcription.
  • Structured
  • Expert
  • Remote
  • Contextual
Persona
 
Empathy Mapping
 
 
 

Empathy map is used in design thinking to gain a deeper understanding of a user's perspective, thoughts, feelings, and behaviors, helping to identify their needs and motivations.

 

What they Say Direct quotes or paraphrased statements from users about their experiences.

What they Think Users' thoughts, motivations, and needs, framed in first-person statements.

What they Do Typical or observed user behaviors and actions.

What they Feel Users' emotional states during the process.

 

Helped team understand user needs, behaviors, and motivations.

Provided insights to inform product development and design decisions.

Helped teams communicate user insights effectively, especially to stakeholders.

Encouraged teams to "get inside the heads" of users.

User Journey
 
 
 
Research Synthesis
 

At first, we kept our designer ego aside. We had no taste-choice-option. All that only users had authority to possess.

Our research suggested that the major problem for employees trying to view all the necessary data on clicks.

In the second part of our sessions, we gave our participants a few tasks in order to test the usability of the beta application. This was the point where we uncovered the problems those were mostly design-related (mostly contrast, alignment and proximity). All the findings were collected, processed, and presented to Business owner.

Contrast Can never see all the data clear. Background and font color difference is low. Too many colors irritate users.

Repetition Can never see the uniformity within the app or even a page.

Alignment Can never find data with in content. Positioning not done properly.

Proximity Can never understand the subject and body. Not grouped properly.

User Flow
 
Information Architecture
 
Wireframes
 
 
Design System
 
 
Mockups
 
Prototype
 
Usability Testing
 
 
Whoever participated in User Interview programme all were given an option to participate in Usability Testing programme and some others also. We insisted the users who had large amount of frustrations and goals. 50+ users (sellers) of Kirana Max participated

Methods

radio_button_checked
Moderated
radio_button_unchecked
Unmoderated
radio_button_checked
Remote
radio_button_unchecked
In person
radio_button_checked
Qualitative
radio_button_unchecked
Quantitative

Out Comes

warning
Uncovered problems in the design
frame_inspect
Discoved opportunities to improve the design
groups
Learnt user behavior and preference
Design QA
 
 

This is the process of reviewing a product’s implementation to ensure that the final build matches the intended design specifications before release. It’s like the final “pixel detective” stage—making sure the vision in Figma doesn’t get lost in translation when developers bring it to life.

Heat Map
 

This heat map is a graphical representation of user activity on CTO app for initial 14 days after successful deployment.

Let's work together
 
 
Creative Ideas

New & Imaginative Ideas. View things in new ways. Generate new possibilities and alternatives. Solution is guaranteed.

 
Original Designs

People talk a lot about and I do it, that make my Client feel proud. It makes the Brand easier to remember and for longer time.

 
Unique Presentations

It turns a very ordinary thing into more Attractive one. Kind of a magic it works like but not an illusion.