Mazadat BackOffice UX Case Study
MazadatBackOffice
A back-office application is software designed to streamline internal operations, optimize business processes, and efficiently manage customer complaints within Mazadat Company.
Strategic Plan
To design and deliver a user-friendly, flexible back-office web app that enhances operational efficiency, minimizes user errors, and provides a seamless experience through research-driven solutions and iterative improvements.
Design Process Approach
We follow a structured approach: Discovery to identify pain points, Design for usability and scalability, Development with agile practices, Testing for quality assurance, and Launch to deliver a seamless, user-focused solution.
The Problems
The Web App faces branding inconsistencies, lacks a unified design system, is not fully responsive, and has significant UX issues like poor feedback, non-clickable CTAs, inconsistent navigation, and unclear user flows. These gaps hinder efficiency and user satisfaction.
Business Goals
Stakeholder Discussions
The UX team engaged with stakeholders to gather insights into the goals, challenges, and expectations for Mazadat's back-office application. These discussions revealed critical priorities, potential risks, and the vision for the product's success.
Stakeholder Interview
Project Scope
The Back Office App supports the Mazadat platform by:
Product Priorities
The focus is on delivering a user-friendly, efficient, and well-structured back-office application that meets the operational needs of Mazadat while ensuring scalability and usability.
Brand Strategy
Focusing on enhancing communication, usability, and alignment with user needs, the app aims to deliver a seamless and engaging experience for both customers and the team.
Problem Exploration
The Back Office App supports Mazadat by managing customer complaints, reviewing posts and orders, and handling inventory and payments. However, key areas need improvement to ensure efficiency and user satisfaction.
Operation User Interview
The UX team conducted an interview with Saeed, an admin user, to identify pain points, feature priorities, and potential enhancements for the Mazadat Back Office application. His feedback will guide improvements in usability, functionality, and user satisfaction.
User Interview
Feature Priorities
Focus on adding essential functionalities and improving key features to enhance usability, efficiency, and user satisfaction.
Information Architecture
Streamlining the structure of the back-office app to ensure intuitive navigation, clear content hierarchy, and seamless access to key features. This approach enhances usability and supports efficient workflows for all users.
Wireframe
Blueprints focus on structure and flow, ensuring user-friendly navigation for key features like user management, inventory tracking, and task assignment.
User flow
Streamlined pathways illustrating how users navigate tasks like managing inventory, verifying IDs, and resolving tickets efficiently.
Wireframe
Blueprints focusing on structure and flow, ensuring user-friendly navigation for key features like user management, inventory tracking, and task assignment.
Moodboard
User Interface Design
Usability Testing Report
Usability testing was conducted to evaluate and improve key features of the back-office application. Below is a summary of the tested features, tasks, scenarios, and the usability testing process.
Participants
Scenarios
Imagine you are managing reminders for your customer service team. You can view details of each reminder, solve it, toggle it on or off, or delete it based on its status and team collaboration.
Usability Testing Process
What We Have Learned
Suggestions
Hope you guys will like it. Your feedback and appreciation are always welcome and don't forget to press the "L" button :) Thank you.
I'm available for new projects! Drop me an email at [email protected] or send a message from my profile.
Follow us on: