UI/UX design / 2025
By Anshul
Updated
A vendor portal redesigned for 100+ suppliers, freight forwarders and internal teams across three continents.
- Client
- Razor Group GmbH
- Year
- 2025
- Duration
- 10 months, Jan to Oct 2025
- Role
- UX Designer
- Tools
- Figma, Confluence, Jira, Notion
The brief
A complete redesign of an enterprise-grade Vendor Portal used by 100+ suppliers, freight forwarders and internal teams across three continents.
Razor Group is an e-commerce company, and its Vendor Portal is where RFQs, purchase orders, invoicing, packaging and shipments all meet. I was the UX designer on the revamp, working alongside product managers, QA and frontend developers from January to October 2025.
The challenge
The Vendor Portal was functional, but not usable.
- Vendors struggled to find what they needed.
- Compliance and supply managers wasted hours in document validations.
- UX was inconsistent across modules (RFQ, PO, Invoicing, Packaging, Shipments).
The portal needed a redesign grounded in business logic and real workflows, not just new UI components.
Goals
- Simplify multi-step workflows like invoice generation, invoice approval and shipment documentation.
- Reduce validation time and back-and-forth between teams.
- Improve clarity with global search, filters and contextual UI states.
- Introduce notifications and release management modules to the app.
Research and audit
Before jumping into pixels, I needed to understand how people actually worked inside the Vendor Portal, and where things broke down.
So I started by talking to the real users: compliance managers, vendors and freight teams. I wanted to see what a regular workday looked like for them.
What I found was eye-opening. Every team had their own version of the truth, and every workflow had invisible blockers hidden in emails and Excel sheets.
Usability gaps I uncovered
- Overloaded tables with unclear statuses
- Missing visual hierarchy
- Confusing approval paths across roles
Next, I used Notion to map the information architecture of each module (RFQ, PO, Packaging, Invoicing and Shipments), identifying where users dropped off or duplicated work.
Design approach
- Modular, role-based dashboards
- Custom views for Vendors, Compliance Managers, Content Teams and Supply Managers.
- Context-aware tables and filters
- Replaced static tables with dynamic filters, sorting and inline actions.
- A unified design system
- Built a new design system in Figma with reusable components, consistent typography and scalable grids.
Takeaway
The redesign was not just about new layouts. It was about creating clarity, consistency and control for every user interacting with the system.
Results
Key UX outcomes
- 40%faster task completionStreamlined workflows and reduced the number of clicks required to upload, review and approve files.
- Improved information hierarchy
- Reorganized layouts, labels and table columns to match how users think, not how data is stored.
- Reduced cognitive load
- Introduced contextual tooltips, clearer status colors and "Next / Previous" navigation in review screens.
- Higher first-time success rate
- Simplified form validations and inline feedback reduced user errors and resubmissions.
- Unified experience across modules
- A single design language now ties together Packaging, Invoicing and Shipment modules for smoother navigation.
- Accessibility-focused UI
- Better color contrast, visual feedback and responsive layouts improved usability for global teams across time zones and devices.
Reflections
Designing enterprise tools is about empathy for hidden workflows.
What started as a "UI revamp" turned into an operational design overhaul, connecting tech, data and people in one visual language.
Shipments and email
More screens
