Transformation
Transformation
Transformation
Web/App
Web/App
Web/App
8 min read
8 min read
8 min read

Simplifying the Chaos of Depot Management: SuperDepot Digitally Bridges the Gap Between Manufacturers, Retailers, and Transporters - Transforming Fragmented Processes Into a Seamless, Transparent, and Insight-Driven Ecosystem.

Duration

2020 (7 months)

Project Role

Product Strategist

METHODOLOGy

User Interviews, Field Study, Journey Mapping, Affinity Mapping, Personas, Storyboarding, User Flow, Feature Priority Matrix, Wireframes, High-fidelity

Tools

Adobe XD, Miro, Photoshop, Zoom, Slack, Google Workspace

The Challenge

Super Depot — a B2B supplier and service partner for leading generator brands like Kirloskar, Cummins, and Mahindra — was operating entirely on paper.

Service forms, product comparisons, even client communication — everything existed in files and binders.

When they approached us, the ask wasn’t just to digitize operations; it was to transform how service, sales, and communication worked together.

They wanted a connected system that every stakeholder — from customers to OEMs — could trust.

Discovering the Real Problem

We began with field interviews, conversations, and shadowing exercises.

We met engineers in workshops, dealers in offices, and OEM reps managing data manually.

0

0

Participants

0

0

Participants

0

0

Participants

0

0

User Group

0

0

User Group

0

0

User Group

After each interview we made Persona+Empathy Map (This is for just one person). There are more such data for 27 interviews. If you want to see this in detail then

Gradient 1 - Blue

We synthesized hundreds of insights through affinity clustering on Miro. Recurring pain points became visible across all user types.

Themes Identified:

  • Lack of synchronization between dealer and OEM systems.

  • Manual servicing records led to duplication and delays.

  • Missing transparency between departments.

  • Customers lacked clarity on service timelines.

These patterns helped us define the core opportunity areas:

👉 Simplify servicing.

👉 Improve transparency.

👉 Build accountability through data.

These patterns helped us define the core opportunity areas:

👉 Simplify servicing.
👉 Improve transparency.
👉 Build accountability through data.

From our synthesis, the team framed actionable design directions (HMW)

Lets build the solution

During ideation, we used an unconventional brainstorming prompt:

  • “How would Apple solve this problem?”

  • “How would Amazon design this experience?”

  • “How would a 3-year-old simplify it?”

This freed us from conventional thinking and led to a platform vision, Super Depot Digital, a single system uniting customers, dealers, engineers, and OEMs.

Gradient 1 - Blue

We used dot voting to prioritize ideas generated through the idea sprint session, focusing on the ecosystem-first approach.

We created a user flow and journey map to understand the flow and to see if we are seeing in the right direction.

This is only one journey map, we made 4+ journey map according to stakeholders, where each journey highlighted key friction points and opportunities for digital enhancement. To view all that:

Inverted colors
Paste an image

We visualized and started creating storyboarding of how various personas (technicians, dealers, OEM reps) would interact with the system:

  • A technician is comparing spare parts with filters.

  • A dealer reviewing order analytics.

  • A customer comparing two generators side-by-side — a “wow” feature that simplified decision-making.

This helped identify emotional triggers and usability moments that guided later UI decisions

Low-Fi Wireframes and Mid-Fi

Using insights from storyboards, we created low-fidelity wireframes to visualize hierarchy and flow.

Once validated, we moved to mid-fidelity prototypes that incorporated structure and content clarity for both desktop and mobile layouts.

Deep in Design

A cohesive design language unified every module:

  • Color Palette – Neutral grays and industrial blues for trust and functionality.

  • Typography – Barlow Condensed and Poppins for clarity and legibility in high-data screens.

  • Icons – Built on grid for easy scaling and quick scanning.

  • Shadows – Unified shadows to make it even throughout whole design.

  • Grid System – Built on grid for easy scaling and quick scanning.

  • Buttons – Built on grid for easy scaling and quick scanning.

High-Fidelity Design

The final UI was clean, functional, and future-ready

Learning & Impact

The project achieved more than a digital shift, it transformed the organization’s mindset.

Impact Highlights

  • ⏱ 70% reduction in service delays

  • 🧠 100% visibility into order and maintenance data

  • 🔗 Unified communication across departments

  • 🧰 Zero code dependency for workflow updates

Key Learning:

“We didn’t automate a process; we connected a community.”

Super Depot proved that digital transformation isn’t about replacing people, it’s about empowering them with better tools.

View Other Projects

View Other
Projects

Typography – Sans-serif for clarity and legibility in high-data screens.