Streamlining B2B customer experience


UX & UI Design Figma Tool Web App

Project overview

Elevating fire safety through exceptional B2B e-commerce UX

NAFFCO, headquartered in Dubai, is a global leader in the production and supply of top-tier firefighting equipment, fire protection systems, fire alarms, and security and safety engineering systems. It operates as a B2B e-commerce website, offering innovative solutions to protect life, environment, and property.


Naffco’s B2B e-commerce website, catering to end-users seeking pumps, faced usability issues and lacked a cohesive design language. Despite having wireframes with defined flows and a style guide, the website's navigation and user experience (UX) were not optimized. Additionally, the inquiry process for users was cumbersome, impacting user engagement and satisfaction.


Our team executed a comprehensive approach to enhance the website’s UX design:

Created wireframes to define user flows and navigation for both customers and admins.
Incorporated the client's style guide/brand guidelines to ensure visual consistency and alignment with the Naffco’s branding.
Enhanced the inquiry process for users searching for pumps, making it smoother and more intuitive.
Overhauled admin flows including user management, stock management, inquiries management, and sales order processing to improve efficiency and usability.

Through these efforts, we successfully transformed the Naffco’s e-commerce website into a user-friendly platform that facilitates seamless interactions for both customers and administrators, ultimately improving user satisfaction and engagement.

Project Timeline

A journey of collaboration and execution

Style guide

We love building
design systems that are robust and

Design components

Creating a visual language
that represents the brand and gives a
cohesive user experience.

Final web screens

An attractive,
intuitive, accessible, and usable
design for web.

Final Mobile screens

Showcasing the polished visual design and user interface
for the mobile app.


Tell us how we can help you and we can create something amazing together!

  • This field is for validation purposes and should be left unchanged.