Project Type : Client Project

Date : Jan 2025 - Current

Role : UI/UX Designer

Tools : Figma , AdobeXD, Creatie , Protopie , Miro , Figjam , Trello

Brief

Newspage is a field management application designed to help retail representatives efficiently plan, track, and complete their store visits. While the app served essential operational needs, its earlier version lacked a modern user experience and intuitive workflows.

Our goal was to reimagine the full application with a mobile-first, action-driven approach, creating a seamless and intelligent experience that empowers field reps to stay organized, act faster, and deliver better in-store execution.

The application already had an existing version (v8), but it lacked modernization, interactivity, and features that matched today’s market trends and user expectations.

Our goal was clear: to create a modern, intuitive, and highly engaging mobile experience that would better serve retailer needs and significantly improve user satisfaction.

Newspage (V8)

Roles and Responsibilities

I was responsible for designing an interactive, user-centric mobile application. My focus was on ensuring that the redesign was not only visually appealing but also aligned with user behavior patterns and business goals.

Key Responsibilities

  • Understanding existing user pain points

  • Researching design patterns across B2B apps

  • Crafting user flows, wireframes, and high-fidelity designs

  • Participating in user testing and incorporating feedback

  • Collaborating closely with stakeholders, product owners, and developers

User Interviews

Challanges

One of the main challenges we faced was understanding the root causes behind user dissatisfaction with the old version.

Research

Lack of essential features for seamless transactions

  • Poor interactivity, making the app feel rigid and outdated

  • Unattractive UI, leading to reduced user engagement

  • Inconsistent navigation patterns

Inspiration

These apps showcased how ease of use, quick navigation, rich feature sets, and interactive designs directly impact user satisfaction.

To guide the redesign, we studied leading B2B platforms such as Alibaba, Udaan, and IndiaMART

Solutions and Design Approach

Modernized UI: Fresh, vibrant design system that balanced professionalism with simplicity, making the app feel intuitive and lively.

Feature-Rich Experience: Implemented features like advanced product search, dynamic filters, order tracking, real-time chat with suppliers, and personalized dashboards.

User-Centric Testing: Conducted regular usability testing at every major design milestone, ensuring real-time feedback integration.

Consistency and Scalability: Created a robust component library to ensure UI consistency across all modules and support future feature additions easily.

Revamping Login and Dashboard Module

Challenges with Older Version

  • Visual Clutter: Overcrowded layout and lack of hierarchy.

  • Outdated UI: No visual consistency; old-fashioned graphics.

  • Low Trust: Basic login flows without modern security layers like biometric login or multi-factor authentication.

  • Poor Dashboard Insights: Limited actionable information shown right after login.

New Design Approach

Modern, Clean UI: Introduced white space, consistent typography, and vibrant illustrations at the entry points.

Biometric Login: Integrated options like fingerprint authentication and Face ID to boost user trust and simplify login.

Interactive Dashboard: Quick insights like “Focus of the Day,” “Performance Metrics,” and “Gamification Rewards” right on the home page.

My Store Module - Old Design

New Design Approach

Cleaner landing with improved sorting & filtering options.

New feature: Inline Sort & Filter directly on landing screen (Dropdown + Modal).

Streamlined missed flow (store-specific and bulk action made smoother).

Landing Page : Basic list view with tabs (Day View, Missed, All Stores).

Store Cards : Less informative, only basic details visible.

Actions (3-dots Menu) : Limited actions per store.

Map View : Standalone view.

New feature: Richer Store Cards — includes tags, more quick info (e.g., Missed, Scheduled).

New feature: Expanded action options (Ask NBA, Record Missed) from store card itself.

Slight improvements - clear view and visually enhanced

Return Sales

Overview of Major Flows Old vs New

Old Design

Basic toggle between Product & Invoice-based returns

New Features Added

New Design

Full Return Flow : Separate, simplified full reversal path

Bundled Behavior Identification : Visual distinction for bundled product handling during return

Interactive Review Summary : Edit quantities and discounts directly within summary before submission

Success Confirmation Screen : Clean success screen post-submission, not present in the old design

Clear segmented pathways: Partial (By Product/Invoice) & Full Return

Impact Created

What I Learned

  • Direct conversations with users brought priceless feedback early.

  • Building micro-interactions (like login animation or gamification progress) hugely impacts user emotions and app “stickiness.”

  • Benchmarking competitors is useful, but tailoring based on our user testing was the real winning move.