AHLADA
For the best experience , this case study is designed to be viewed on desktop or laptop.
Still want to take a look?
View Case Study
Boosting Client Conversions & Simplifying Procurement Workflows
Redefining B2B Experiences for Seamless
Product Discovery, Smart Quotations &
Real-time PO Tracking
Project Overview
My Role
UX Designer
Design Analyst
Team Involved
UX Designer
UI Designer
Lead Designer
Project Manager
Product Manager
Design Analyst
About Ahlada
Ahlada Clean Room is a leading manufacturer of modular cleanroom systems, serving pharmaceutical, healthcare, biotech, and industrial sectors. The goal was to modernize the digital experience, streamline B2B product discovery, and improve client trust through an intuitive and enterprise-ready experience system.
We redesigned Ahlada’s platform end-to-end, focusing on simplifying navigation,
accelerating quotations, and introducing real- time purchase order tracking to
enhance transparency.
Impact at a glance:
Reduced quotation abandonment by 42%
Improved product discovery speed by 38%
Reduced support calls by 38%
Improved customer satisfaction by 17%
Context / Key Findings
Ahlada’s existing B2B platform had complex navigation and an outdated interface.
Users struggled with:
Finding product specifications and certifications quickly.
Requesting and managing quotations efficiently.
Tracking purchase orders transparently.
Accessing brochures and resources without excessive clicks
Procurement teams spent 3-5 mins locating specs.
52% abandoned quotations midway due to lengthy flows
Over 900+ monthly support calls for PO tracking
Challenge
Redesign the entire digital experience to improve product discovery, streamline quotations, and enable seamless PO tracking without disrupting the existing backend architecture.
Solution
Objectives
To solve these challenges, we focused on four strategic goals:
Objectives
To solve these challenges, we focused on four strategic goals:
Simplify product discovery → Reduce browsing time
Streamline quotation workflows → Improve conversions
Introduce PO tracking → Build transparency and trust
Centralize resources → Make certifications and brochures accessible instantly
Introduce PO tracking → Build transparency and trust
Centralize resources → Make certifications and brochures accessible instantly
Working Approach
We adopted Design Thinking Process:
Empathize → Define → Ideate → Prototype → Test
We adopted Design Thinking Process:
Empathize → Define → Ideate → Prototype → Test
Project was designed using the design thinking process to deeply understand user needs, define key challenges, and create a solution that streamlines task tracking, prioritization, and team productivity
Project Strategy
The redesign focused on understanding client painpoints and creating seamless experience that simplifies the process and through continous research, usability testing, and collaboration with stakeholders, we delivered a modern, intuitive , and business- friendly platform.
We conducted 15 in-depth user interviews and 2 stakeholder workshops to uncover key challenges faced by procurement teams:
Difficulty finding technical product spec sand certifications.
Scattered information leading to confusion during quotations.
Lack of a centralized tracking system.
Time wasted navigating complex workflows.
Key Insight:
⚡ 84% of users wanted a single, centralized portal to manage quotations and track purchase orders.
We conducted 15 in-depth user interviews and 2 stakeholder workshops to uncover key challenges faced by procurement teams:
Difficulty finding technical product spec sand certifications.
Scattered information leading to confusion during quotations.
Lack of a centralized tracking system.
Time wasted navigating complex workflows.
Key Insight:
⚡ 84% of users wanted a single, centralized portal to manage quotations and track purchase orders.
We crafted a clean , structured interface focused on efficiency and clarity:
Introduced a resource hub for specs, brochures, and certifications.
Designed a streamlined easy quotation flow.
Integrated a real-time PO tracking dashboard.
Simplified product categorization to reduce cognitive load.
We crafted a clean , structured interface focused on efficiency and clarity:
Introduced a resource hub for specs, brochures, and certifications.
Designed a streamlined easy quotation flow.
Integrated a real-time PO tracking dashboard.
Simplified product categorization to reduce cognitive load.
We conducted 3 rounds of usability testing with 20+ business users to validate and refine designs:
Usability score improved from 72 → 94
Increased task success rate to 92%
Iterative testing ensured the platform aligned with business goals and client workflows.
Understanding Users
User Research
We conducted 15 user interviews, 2 stakeholder workshops, competitor benchmarking and 3 usability test rounds
Qualitative Findings
74% struggled to find technical specifications quickly.
84% demanded a centralized tracking system.
63% wanted faster access to certifications and brochures.
58% faced delays due to unclear quotation flows.
Quantitative Findings
72% faced delays during quotation submission.
78% found the navigation unintuitive.
3 out of 5 users preferred a visual-first, intuitive product interfcae.
We conducted 15 user interviews, 2 stakeholder workshops, competitor benchmarking and 3 usability test rounds
Qualitative Findings
74% struggled to find technical specifications quickly.
84% demanded a centralized tracking system.
63% wanted faster access to certifications and brochures.
58% faced delays due to unclear quotation flows.
Quantitative Findings
72% faced delays during quotation submission.
78% found the navigation unintuitive.
3 out of 5 users preferred a visual-first, intuitive product interfcae.
Wanted a centralized PO tracking system to replace multiple tools and emails.
of users struggled to find technical product
specifications quickly due to poor information
architecture.
faced delays during quotation requests because
of lengthy forms and unclear CTAs.
Designing Meaningful Solutions
Crazy 8's
Generated 8 layout variations in under
8 minutes and explored rapid layout
variations to identify the most user-friendly
and efficient design solutions.
Story Boarding
We created storyboards to map out user journeys and visualize real-world interactions across different touchpoints. This helped us identify key pain points, understand user expectations, and define the most efficient task flows. By aligning user needs with business goals, we ensured the final designs delivered a seamless and intuitive experience.
Visualized end-to-end user journeys to map
real-world scenarios and interactions
Identified pain points and opportunities to improve
effective PO tracking.
Card Sorting
card sorting sessions to structure product categories intuitively.
Helped identify logical groupings for cleanroom
solutions, modular panels, and diverse equipment.
Information Architecture - IA
We restructured Ahlada’s IA to reduce product discovery time:
Grouped solutions logically by industry and product type.
Added smart filters and instant search .
Designed a dedicated resource hub for certifications, brochures, and CAD files.
Result: Product discovery time reduced by 38%.
Infrastructure
Resources
Past Projects
Our Products
About
Cleanroom Equipment
Cleanroom Furniture
Cleanroom Solutions
HVAC Systems
Electrical & Anciliary Systems
Customized Solutions
Other Cleanroom Equipment
Homescreen
Design Evolution
Low-fidelity → Defined content hierarchy and flows
Mid-fidelity → Improved quotation journey and PO tracking
High-fidelity → Final visuals aligned with Ahlada’s premium brand tone
Iterated 3 versions of the quotation flow to minimize abandonment and boost completion rates
Designed a clean and intuitive product catalog , enabling faster product discovery through structured categories and smart filters. Integrated detailed product pages with certification and quick - quote options, improving transparency and client decision - making.
Improved product specifications and product discovery journey by introducing a centralized catalog with clear categories , visual previews and with direct CTA buttons for brochures downloads and instant quotes without asking personal details.
Visual Design & Design System
To ensure consistency and scalability, we built a reusable component system:
Typography: SF Pro for clean, modern , clarity and readability
Color Palette: Teal + neutral grays for a professional, premium aesthetic and trustworthiness.
Grid System: 12-column responsive grid with 100px margins, 24px gutters
UI Components: Buttons, forms, cards, and modals optimized for enterprise workflows, enabling faster development and consistency.
Aa
For the Ahlada platform, we used SF Pro as the primary typeface for its clean, modern, and highly legible design, ensuring consistency and readability across digital interfaces.
E8F5F4
B8DFDE
96D0CE
66BAB8
49ADAA
The color palette combines calming monochromatic shades of teal and green with neutral grays and whites to create a professional, trustworthy, and premium look. This approach aligns with Ahlada’s brand positioning in the pharmaceutical and cleanroom industry, maintaining visual harmony and enhancing user focus.
Type Face
28px 24px 20px 16px 12px
1B9895
198A88
136C6A
0F5452
0B403F
Key Features Designed
1.Smart Product DIscovery
Simplified navigation with structured categories
Added instant search & filters for quick access
Result → Product discovery time reduced by 38%
3. PO Tracking Portal
Designed an interactive dashboard for live order tracking
Reduced dependency on monthly calls
Result → Support calls dropped by 38%
2. Quotation Workflow Redesign
Shortened 5-step flow to 3 intuitive steps
Added inline validation & instant error feedback
Result → Quotation completion rates improved by 42%
4. Centralized Resource Hub
One-click access to certifications, CAD files, and brochures
Result → Downloads increased 2.5×
The previous quotation form was long and confusing, leading to high
drop-offs and user frustration.
BEFORE
Usability Testing & Iterations
Conducted 3 rounds of usability testing with real users
Removed redundant steps in quotation flows
Integrated live search for brochures and specs
Added real-time PO tracking UI improvements based on feedback
In round 3 - validated PO tracking dashboard → 84% adoption post-launch
Final Outcome/Results
Results | Before | After | Impact |
|---|---|---|---|
Product Discovery Time | 5+ mins | 3.1 mins | ↓ 38% faster |
Quote Completion Rate | 48% | 68% | ↑ 42% |
Monthly Support Calls | 900+ | 560 | ↓ 38% |
PO Tracking Adoption | 0% | 84% | High usage |
Client Satisfaction | 72% | 89% | ↑ 17% |
Reflections
Designed enterprise-scale workflows for complex B2B use cases
Balanced business KPIs with user-centric design decisions.
Built a scalable design system reusable across Ahlada’s ecosystem.
Improved cross-functional collaboration between sales, Marketing, ops, and tech teams.
Solved B2B-specific usability challenges like trust, transparency, and resource accessibility
Beyond redesigning screens, this project was about rethinking experiences. We transformed the ecosystem into a strategic enabler - helping users make faster, more informed decisions while strengthening brand credibility and customer loyalty. The design system we built now scales effortlessly across products, ensuring consistency, accessibility, and long-term growth.
Beyond redesigning screens, this project was about rethinking experiences. We transformed the ecosystem into a strategic enabler - helping users make faster, more informed decisions while strengthening brand credibility and customer loyalty. The design system we built now scales effortlessly across products, ensuring consistency, accessibility, and long-term growth.
AFTER
By redesigning it into a simplified, guided flow, we improved task
clarity, reduced quote abandonment by 42%.