top of page

Case Study

The Pearl Qatar Mobile Application 

This user case study focuses on the design and strategy for the TPQ mobile application. The objective was to create an intuitive and user-friendly mobile application that enables seamless interaction and enhances the overall user experience. The study includes research and analysis, design thinking workshops, and the development of a design strategy to achieve immediate and long-term goals.

cOVER.png

The Journey from Question To Solution

The Challenge

The challenge is to revamp the community app design for The Pearl Island Qatar, with the objective of creating a comprehensive super app that offers multiple services in a one-stop shop format. Currently, these services are delivered through different platforms, causing fragmentation and potential user frustration.

The Solution

The revamped community app for Pearl Island Qatar provides residents and visitors with a unified and user-friendly platform. Users have easy access to information, seamless interactions with various services, personalized experiences, and a convenient one-stop shop for all their community-related needs. The app will foster community engagement, enhance user satisfaction, and position Pearl Island as a modern and technologically advanced destination.

Client Size

Enterprise

Services

Design Strategy, UX Research, Visual Design

Role

Senior UX Designer

Design process & Time Estimation for UDC

To revamp the community app for Pearl Island Qatar, a custom design process is proposed to deliver the best outcome within competitive time estimations. This design process takes into account the existing application and the needs of UDC, ensuring an efficient and effective redesign. Based on the complexity of the project, an estimated time frame of approximately 5 months is proposed to complete all the phases involved in the design process.

Timeline.png

Behind the scenes

Discovery Session and Envisioning Workshop

The objective is to foster meaningful dialogue and active involvement from internal stakeholders through a distinctive workshop format. The purpose of these workshops is to gather design requirements and develop a comprehensive understanding of the desired features.

IMG_0924 2.HEIC
IMG_0925.HEIC
IMG_0926 2.HEIC
ABOUT The Pearl Island

Pearl Island is a prestigious development in Qatar, master-planned by UDC (United Development Company). It offers luxury living with stunning architecture, waterfront views, and a vibrant mix of residential, commercial, and retail spaces. With attention to detail and a commitment to sustainability, Pearl Island provides an exclusive and picturesque environment for residents and visitors to enjoy.

Envisioning Workshop Outcomes.
What are your expectations from the TPI App?
Envisiong Session.png
What aspects of the Current version that you shared
did you find unfavorable?
What factors would you consider as indicators of success?
Success.png
Stakeholder Map.
Core Team

Wants to stay up to date and will provide feedback/input when necessary

Internal

Internal stakeholders are people whose interest in a company comes through a direct relationship, such as employment, ownership, or investment.

External

External stakeholders are those who do not directly work with a company but are affected somehow by the actions and outcomes of the business. Suppliers, creditors, and public groups are all considered external stakeholders.

Discovery Session Outcome

After conducting an envisioning and discovery session with the TPI team, we collaborated to identify and prioritize a comprehensive list of features to be included in the app based on different user roles. Through this session, we gained valuable insights into the specific needs and requirements of various stakeholders within the TPI community. This enabled us to define a clear roadmap and ensure that the app's functionality aligns with the roles and responsibilities of different users, ultimately enhancing their experience and facilitating seamless interaction with the community.

Dynamic for the residents Only
Dynamic.png
Star Feature of offering
Star feature.png
Static Information for everyone
Static infop.png

Design Thinking Workshop

Agenda of Workshop

To gain a deep understanding of the business and empathize with the user, we conducted an intensive 5-day design thinking workshop. During this workshop, our team engaged in various activities and exercises aimed at uncovering the needs, pain points, touchpoints, and key stages of the user journey. Through user interviews, persona development, journey mapping, and collaborative ideation sessions, we immersed ourselves in the user's perspective, allowing us to identify crucial insights and opportunities for improvement. This workshop served as a foundation for our design process, ensuring that our solutions are rooted in user-centricity and effectively address the user's needs throughout their journey.

Design THinking Workshop.png

Design Strategy

Following the completion of the 5-day design thinking workshop, we successfully identified and shortlisted the long-term and short-term goals of the business. Through a series of collaborative exercises and discussions, we gained valuable insights into the aspirations and objectives of the organization. By aligning the goals with the user needs and market trends, we established a clear direction for our design strategy. The shortlisted goals provide a roadmap for our design process, guiding us in creating solutions that not only meet the immediate needs of the business but also contribute to its long-term growth and success.

Feature Listing

Wireframe Design

To ensure a better approach, we followed a research-driven methodology where we designed wireframes as an initial step. These wireframes were based on the insights gathered during our extensive research phase, which included user interviews, competitive analysis, and user journey mapping. By presenting the wireframes to the UDC team, we aimed to gather valuable feedback and align our design direction with their expectations and requirements. This iterative process allowed us to refine and optimize the wireframes, ensuring that the final design solution effectively addresses the needs of both the business and the end-users.

Wireframesall.png

Presenting To UDC Team

Wireframe 2.png
Wireframe 3.png
6.png

Iterative Wireframe Refinement based on Valuable Feedback from UDC Team

After presenting the initial wireframes to the UDC team, we actively sought and gathered valuable feedback from them. This feedback served as a crucial input for our iterative design process. We carefully analyzed the feedback and identified areas where the wireframes could be further refined to better align with the business objectives. By incorporating the feedback into subsequent iterations of the wireframes, we ensured that the final design solution not only met the needs and expectations of the UDC team but also effectively supported their business goals.

User App

Home UDC Person.png
Ticket Services.png
Amenities.png
Discover_Restaurants.png
Access Card.png

UDC Limousine Driver App

Home.png
Start Ride.png
Pick up point.png

High Fidelity Deisgns

After iterating on our wireframe designs based on the insights gathered from usability testing, we proceeded to develop high-fidelity designs. These designs aimed to provide a visually polished and more accurate representation of the final product. To streamline our design process and ensure consistency across different screens and components, we established a basic design system. This system included standardized styles, colors, typography, and reusable UI elements. By implementing a design system, we were able to accelerate our work, maintain a cohesive visual language, and ensure a seamless user experience across the application. This approach not only saved time but also allowed us to focus more on refining the finer details of the user interface, resulting in high-quality designs that aligned with user expectations and project goals.

Splash Screens

Splash Screen.png
Splash Screen-1.png
Splash Screen-2.png

Home Screen

Information.png
Home screen.png
Amenities.png
Emergency Contacts.png
Tpoc Billing-1.png
Tpoc Billing-2.png
Tpoc Billing-3.png
MCSC.png

NEXT STEPS

NOW

Even though we’ve accomplished so much in the last 6 months, we can only take a breath, high-five each other, and new challenges arrive. We are ready to tackle them!

WoHOoo!
  •  Usability Testing with Real Users on High-Fidelity Designs.

  • The Flows completed by their iterative processes and Approved by the Client are in Dev Mode. 

NEXT

  • Gamification: Incorporate game-like elements such as challenges or competitions to encourage users to engage more with the app and earn more points to make App more engageable.

  • Our work involved leveraging coupons, digital currencies and offers within digital wallets and Banking as a Service (BaaS) to encourage users to discover activities and increase spending within the ecosystem.

In an ideal world...

TPI App is for Specific Users which means that the initiative primarily comes from user pains and needs. That means that the design process was from ideal.

Even though we are proud of the progress and the first feedback is extremely positive, the whole process was just as extremely stressful due to self-imposed deadlines, endless feedback loops, and an unclear understanding of the user.

It’s easy looking back and thinking, what if… and yet, we must learn from the past. That’s the spirit of Agile, growth, and good teamwork.

So, if I lived in an ideal world, I would bring to this project a clearer user voice, a stronger agile approach, and more autonomy for the team.  There were times when this project felt more like an execution of one man’s vision (no matter how good the vision) than a user-oriented solution creation, and that left a mark on the team.

Team working in this projects

Team.png

I worked with an experienced product team on this project including the Sr. Director of Product & Design, a Senior Product Manager, a Business System Analyst, a Developers Team, Myself, and another Product Designer along with the stakeholders.

My role in the project

DESIGN LEAD 

My role in the project was ensuring that we built the RIGHT SOLUTION in the FASTEST TIME possible.

I did this by helping the team focus on what’s important. I’ve facilitated critical collaborative sessions, created concepts, Design wireframes, Make a Design System continuously provided feedback and guidelines, and supported PM and Tech lead in getting buy-in from stakeholders.

REHAN.png
Back To Home
bottom of page