Qariyb
Curate, manage, and promote your Muslim events for the global Muslim community.
OVERVIEW
ROLE
Product UX Designer
TIMELINE
July 2023 - Present
PROJECT TYPE
Frelance
TOOLS
Figma, FigJam
PROJECT BRIEF
PROJECT BRIEF
An app to discover, create, and promote Muslim events for the global Muslim community
An app to discover, create, and promote Muslim events for the global Muslim community
Qariyb provides a centralized platform for the Muslim community to search, host and, promote their events within the community. It aims to benefit event organizers, event enthusiasts, and local businesses by streamlining event management and connecting users to a wider network of Muslims both locally and globally.
Qariyb provides a centralized platform for the Muslim community to search, host and, promote their events within the community. It aims to benefit event organizers, event enthusiasts, and local businesses by streamlining event management and connecting users to a wider network of Muslims both locally and globally.
THE PROBLEM
THE PROBLEM
There is no centralized platform for the global Muslim community to join, create, and promote their events, leading many to rely on word-of-mouth, WhatsApp, and Facebook groups to discover events.
There is no centralized platform for the global Muslim community to join, create, and promote their events, leading many to rely on word-of-mouth, WhatsApp, and Facebook groups to discover events.
❓How might we assist the Muslim community stay up-to-date with their local community events❓
❓How might we assist the Muslim community stay up-to-date with their local community events❓
PROPOSED SOLUTIONS
PROPOSED SOLUTIONS
Event Discovery
Event Discovery
Search events by category, location, and date
Search events by category, location, and date
Event categories cater to common Islamic events such as “Brothers”, “Sisters”, “Religious Lecture”
Event categories cater to common Islamic events such as “Brothers”, “Sisters”, “Religious Lecture”
"Featured events” to get users started
"Featured events” to get users started
Event Creation
Event Creation
Straightforward event details form
Straightforward event details form
Option to add tags relevant to your event to improve discoverability
Option to add tags relevant to your event to improve discoverability
Ticket Sale & Purchase
Ticket Sale & Purchase
Sell multiple ticket types for different social groups
Sell multiple ticket types for different social groups
Stay informed on the number of remaining tickets available
Stay informed on the number of remaining tickets available
Dashboard
Dashboard
Islamic calendar widget to plan your Muslim events with ease
Islamic calendar widget to plan your Muslim events with ease
Simple analytics to track total hosted events, tickets sold, and revenue
Simple analytics to track total hosted events, tickets sold, and revenue
Concise overview of all created event activities
Concise overview of all created event activities
Profile Personalization
Profile Personalization
Organization name, such as your local mosque or student organization, to facilitate networking and collaboration opportunities
Organization name, such as your local mosque or student organization, to facilitate networking and collaboration opportunities
Social links to connect and verify the authencity of a user’s profile ensuring a trustworthy community environment
Social links to connect and verify the authencity of a user’s profile ensuring a trustworthy community environment
BUSINESS CONSTRAINTS
BUSINESS CONSTRAINTS
Optimizing limited resources to ensure design solution is delivered fast yet user expectations and business goals are met
Optimizing limited resources to ensure design solution is delivered fast yet user expectations and business goals are met
Qariyb is built on a bootstrap strategy. Thus, as part of the business constraints, we had to develop a solution that is quick and easy.
Qariyb is built on a bootstrap strategy. Thus, as part of the business constraints, we had to develop a solution that is quick and easy.
1 designer
1 designer
bootstrap
bootstrap
limited budget
limited budget
easy and quick
easy and quick
RESEARCH METHOD & FINDINGS
RESEARCH METHOD & FINDINGS
User datas and insights are gathered from MVP and previous designs
User datas and insights are gathered from MVP and previous designs
The research methods utilized involved gathering both quantitative and qualitative data through user feedback on the product's MVP, provided by my client. Notably, the product already had an MVP in place before I joined the team. Analyzing the data from the MVP by affinity diagramming, I gained insights into the positive and negative experiences of previous users, helping identify areas for improvement in workflow and determining new features to incorporate into the current product design.
The research methods utilized involved gathering both quantitative and qualitative data through user feedback on the product's MVP, provided by my client. Notably, the product already had an MVP in place before I joined the team. Analyzing the data from the MVP by affinity diagramming, I gained insights into the positive and negative experiences of previous users, helping identify areas for improvement in workflow and determining new features to incorporate into the current product design.
Quantitave
24 user feedback
24 user feedback
Qualitative
feature request vs comments
feature request vs comments
Affinity Diagram
4 themes & insights
4 themes & insights
Competitive Audit
5 competitors
5 competitors
COMPETITIVE ANALYSIS GOALS AND GAPS
COMPETITIVE ANALYSIS GOALS AND GAPS
To uncover similar functionalities and features to see how they exist in current products/ services
To uncover similar functionalities and features to see how they exist in current products/ services
I examined 5 prospective competing firms, comprising 3 direct competitors and 2 indirect competitors. While most features among competitors were quite similar, the key distinctions I observed are:
I examined 5 prospective competing firms, comprising 3 direct competitors and 2 indirect competitors. While most features among competitors were quite similar, the key distinctions I observed are:
Ticket selling vs None
Ticket selling vs None
Event analytics vs None
Event analytics vs None
Event explore page vs None
Event explore page vs None
Event filtering option vs None
Event filtering option vs None
Clean and minimal UI vs Distracting UI
Clean and minimal UI vs Distracting UI
Third-party payment integration vs None
Third-party payment integration vs None
Poor visual hierarchy vs Clear visual hierarchy
Poor visual hierarchy vs Clear visual hierarchy
Calendar management vs Event management
Calendar management vs Event management
KEY TAKEAWAYS
KEY TAKEAWAYS
Document design rationale
Document design rationale
Documenting every design decision, from features to how they benefit users and the business, ensures that every decision has a goal and not mere aesthetics.
Documenting every design decision, from features to how they benefit users and the business, ensures that every decision has a goal and not mere aesthetics.
Working with constraints
Working with constraints
Working solo with business constraints (no user interviews, limited budget/time, small team), I relied on client-provided findings/resources and past design decisions. Detailed planning and scope narrowing helped me navigate this challenge.
Working solo with business constraints (no user interviews, limited budget/time, small team), I relied on client-provided findings/resources and past design decisions. Detailed planning and scope narrowing helped me navigate this challenge.
Clear plan and organize tasks upfront
Clear plan and organize tasks upfront
Effective time management and concise task planning is crucial to ensure essential user flows and designs are not missed.
Effective time management and concise task planning is crucial to ensure essential user flows and designs are not missed.
Thank You!
This project is launching soon. Stay tuned!
Got a project?
Let’s work together.
Got a project?
Let’s work together.
OVERVIEW
ROLE
Product UX Designer
TIMELINE
July 2023 - Present
PROJECT TYPE
Frelance
TOOLS
Figma, FigJam