Tafweej hajj Case Study (UI/UX)

Client

Joshua Kresge

Category

AR/VR

Live view

Visit Website

Timelines

3 Months

SErvice we provided

User Research
UI Design
Development

About the Project

‍The Tafweej app is one of our standout projects at MuseMind. In this project, we designed multiple powerful tools to tackle the complex needs of Hajj management. Here are the following things we’ve covered in this app: 

Plot Booking
Project Management
Advanced Location Filtering with Geo
Interactive Survey Form
Split-screen layout for six tabs.
Colour token system for Dev Handoff

Background

Each year, about 1.8 million Muslims travel to Mecca for Hajj, staying in Mina camps. Managing these camps requires monitoring tent availability and efficiently allocating booked spaces.

Purpose

The Tafweej app was created for the Ministry of Hajj and Umrah to streamline this process, allowing for real-time task management and updates to ensure smooth operations at the Mina camps during the Hajj.

Challanges

Challenges included overcoming communication barriers, navigating complex processes, and providing innovative solutions for their requirements.

Overall, I think the design is visually appealing and represents our brand well. However, I have some concerns about the user experience. I find the navigation confusing and the layout feels cluttered.

Savannah Nguyen

CEO, PEERSPARK

View review on clutch

Design

Process

Research

In the research phase, we comprehensively study user needs, behaviors, and pain points through methods like interviews and data analysis to inform the design process effectively.

Design

During the design phase, we create wireframes and prototypes, visually conceptualizing solutions. These serve as blueprints for the user interface's structure, layout, and functionality.

Testing

In the testing phase, we gather user feedback on prototypes, assess usability, and refine designs. This iterative process ensures the final product meets user expectations and needs.

Implementation

In the implementation phase, we focus on translating the designed user interface into a functional product, adhering to the established design guidelines and aesthetics. - implementation

Iteration

During the iteration phase, we revisit and refine the design and functionality based on feedback and insights gathered from user testing and evaluation, ensuring continuous improvement

Style Guide

We developed a versatile color system to accommodate various needs for maps and labels. Additionally, we selected typography that will balance well between English and Arabic.

Icons & Illustrations

We custom-designed all icons and illustrations to fit the unique concept of the project, as there were no existing icons that matched the specific needs.