To build a seamless "Catalog-to-Contract" digital experience that unifies vehicle discovery, complex configuration, and formal procurement workflows (Quotes/POs) into a single transparent platform.
Skills Used
UX Design & Product Strategy, Information Architecture, Rapid Prototyping
Skills Used
UX Design & Product Strategy, Information Architecture, Rapid Prototyping
Skills Used
UX Design & Product Strategy, Information Architecture, Rapid Prototyping
Stack
v0.dev (AI Prototyping), Cursor, Figma
Stack
v0.dev (AI Prototyping), Cursor, Figma
Stack
v0.dev (AI Prototyping), Cursor, Figma
Challenge
The B2B vehicle sales cycle is traditionally slowed by fragmented offline processes, where dealers struggle with manual quote generation, inconsistent configuration options across different vehicle classes, and a lack of real-time visibility into order statuses. The challenge was to create a unified digital gateway that could handle high-complexity commercial customization while maintaining a simple, consumer-grade user experience for retail buyers.
Approach
We leveraged v0.dev to rapidly prototype a high-fidelity, end-to-end procurement journey that eliminates manual friction at every stage of the sales funnel. By utilizing AI-driven UI generation, we were able to iterate quickly on complex data-heavy components such as the dynamic configuration engine and document previewers ensuring that the transition from a simple vehicle search to a legally binding Purchase Order was fluid and intuitive for both dealers and reviewers.
Intelligent Catalog & Adaptive Configuration
The platform features a modular vehicle catalog with advanced technical filters that lead directly into a dynamic Adaptive Configuration Engine. This engine intelligently swaps customization tabs based on whether the vehicle is Retail or Commercial, ensuring dealers only interact with relevant technical specs (like specialized commercial equipment or engines). This targeted approach simplifies the user journey and virtually eliminates configuration errors before the review stage.
Seamless Procurement & Centralized Tracking
The move from "Selection" to "Action" is handled through automated Quote and PO previewers that allow users to generate, download, and sign documents via integrated DocuSign for a 100% paperless transaction. Once submitted, all requests are managed through a Centralized Tracking Dashboard, providing dealers with real-time visibility into the status of every Purchase Order and Quote Review, ensuring total transparency from initial request to final delivery.
Key Takeaways
By digitizing the entire procurement lifecycle, OnePlanet delivers significant operational benefits:
• 35% ↑ in sales velocity by enabling instant digital quote generation and PDF downloads.
• 50% ↓ in configuration errors through adaptive UI tabs that filter irrelevant options.
• Full Transparency: Centralized tracking reduced "order status" inquiries by providing dealers with a real-time audit trail of all POs and Quotes.
Creative Credits
Agency → SHAED.AI
Senior Designer → Narendra Prasath
