Case study
Case study
UI/UX Design
UI/UX Design
UX Research
UX Research
Mobile App
Mobile App
2023
2023
PROJECT OVERVIEW
PROJECT OVERVIEW
PROJECT OVERVIEW
Reachout is a mentoring and career development application design concept that connects users with experienced mentors across diverse industries to help you achieve your professional and personal goals. Reachout also provides a vibrant community forum to network and exchange ideas with other users.
Reachout is a mentoring and career development application design concept that connects users with experienced mentors across diverse industries to help you achieve your professional and personal goals. Reachout also provides a vibrant community forum to network and exchange ideas with other users.
Reachout is a mentoring and career development application design concept that connects users with experienced mentors across diverse industries to help you achieve your professional and personal goals. Reachout also provides a vibrant community forum to network and exchange ideas with other users.
DESIGN PROCESS
DESIGN PROCESS
DESIGN PROCESS
01 RESEARCH
01 RESEARCH
01 RESEARCH
Market Research
Market Research
Market Research
Competitor Analysis
Competitor Analysis
Competitor Analysis
User Survey
User Survey
User Survey
02 DEFINE
02 DEFINE
02 DEFINE
User Persona
User Persona
User Persona
Empathy Map
Empathy Map
Empathy Map
User Flow
User Flow
User Flow
03 DESIGN
03 DESIGN
03 DESIGN
Wireframe
Wireframe
Wireframe
UI Kit
UI Kit
UI Kit
Logo
Logo
Logo
UI Design
UI Design
UI Design
PROBLEMS
PROBLEMS
PROBLEMS
Lack of mentorship oppurtunities
Lack of mentorship oppurtunities
Lack of mentorship oppurtunities
Many individuals struggle to find mentorship opportunities, leading to a lack of guidance in their professional and personal growth
Many individuals struggle to find mentorship opportunities, leading to a lack of guidance in their professional and personal growth
Many individuals struggle to find mentorship opportunities, leading to a lack of guidance in their professional and personal growth
Limited networking opportunities
Limited networking opportunities
Limited networking opportunities
Many find it challenging to expand their professional connections due to limited networking opportunities
Many find it challenging to expand their professional connections due to limited networking opportunities
Many find it challenging to expand their professional connections due to limited networking opportunities
GOALS
GOALS
GOALS
Easy & fast mentorship access
Easy & fast mentorship access
Easy & fast mentorship access
User-friendly platform with personalized mentor-matching feature that allows users to connect with mentors across various industries
User-friendly platform with personalized mentor-matching feature that allows users to connect with mentors across various industries
User-friendly platform with personalized mentor-matching feature that allows users to connect with mentors across various industries
Community-building feature
Community-building feature
Community-building feature
Users can engage in a community forum and gain access to networking events to broaden their connections among professionals
Users can engage in a community forum and gain access to networking events to broaden their connections among professionals
Users can engage in a community forum and gain access to networking events to broaden their connections among professionals
RESEARCH
RESEARCH
RESEARCH
Market Research
Market Research
Market Research
I presented an analysis of data and claims found regarding mentoring, to understand the current landscape and trends in the market.
I presented an analysis of data and claims found regarding mentoring, to understand the current landscape and trends in the market.
I presented an analysis of data and claims found regarding mentoring, to understand the current landscape and trends in the market.
75
75
75
%
executives say mentoring played a key role in their success
executives say mentoring played a key role in their success
executives say mentoring played a key role in their success
82
82
82
%
Gen Z feel the need of supervisors to help them set their goals
Gen Z feel the need of supervisors to help them set their goals
Gen Z feel the need of supervisors to help them set their goals
“Mentoring will maintain and increase in importance over the next two years.”
“Mentoring will maintain and increase in importance over the next two years.”
“Mentoring will maintain and increase in importance over the next two years.”
“Mentoring will maintain and increase in importance over the next two years.”
competitor analysis
competitor analysis
competitor analysis
I downloaded and analyzed two prominent mentoring apps in Indonesia, where the analysis delves into their features, design, and functionality. I also analyzed the user reviews on App Store, providing additional insights into areas for improvement.
I downloaded and analyzed two prominent mentoring apps in Indonesia, where the analysis delves into their features, design, and functionality. I also analyzed the user reviews on App Store, providing additional insights into areas for improvement.
I downloaded and analyzed two prominent mentoring apps in Indonesia, where the analysis delves into their features, design, and functionality. I also analyzed the user reviews on App Store, providing additional insights into areas for improvement.
user survey
user survey
user survey
I conducted a quick survey through Instagram Story to gather insights from potential users to understand their preferences and pain points.
I conducted a quick survey through Instagram Story to gather insights from potential users to understand their preferences and pain points.
I conducted a quick survey through Instagram Story to gather insights from potential users to understand their preferences and pain points.
55% often feel the need of mentorships in their professional and/or personal life
58% need mentorships to pursue career advices and personal growth
54% state the main challenges in finding a mentor is limited platform and connection
research conclusion
research conclusion
research conclusion
There is a growing need for professional mentorship, yet there is a significant gap in mentorship opportunities due to limited platform and lack of networking. This emphasizes the need for platforms to provide mentorship and networking services to bridge this gap.
There is a growing need for professional mentorship, yet there is a significant gap in mentorship opportunities due to limited platform and lack of networking. This emphasizes the need for platforms to provide mentorship and networking services to bridge this gap.
There is a growing need for professional mentorship, yet there is a significant gap in mentorship opportunities due to limited platform and lack of networking. This emphasizes the need for platforms to provide mentorship and networking services to bridge this gap.
DEFINE
DEFINE
DEFINE
user persona
user persona
user persona
This section presents a persona that describes the larger group of potential user, including their background, goals, frustrations, and needs. This helps to guide the app design with specific target users in mind.
This section presents a persona that describes the larger group of potential user, including their background, goals, frustrations, and needs. This helps to guide the app design with specific target users in mind.
This section presents a persona that describes the larger group of potential user, including their background, goals, frustrations, and needs. This helps to guide the app design with specific target users in mind.
empathy map
empathy map
empathy map
The initial task is to identify potential user’s needs and problems that they might face, based on a user persona I developed to represent this user group. I began by reviewing the user persona to grasp the group's goals, frustrations, and motivations. I used this info to generate key insight for the empathy map.
The initial task is to identify potential user’s needs and problems that they might face, based on a user persona I developed to represent this user group. I began by reviewing the user persona to grasp the group's goals, frustrations, and motivations. I used this info to generate key insight for the empathy map.
The initial task is to identify potential user’s needs and problems that they might face, based on a user persona I developed to represent this user group. I began by reviewing the user persona to grasp the group's goals, frustrations, and motivations. I used this info to generate key insight for the empathy map.
user flow
user flow
user flow
To outline the functioinality of the app, I created user flows that showcase the main and necessary tasks users can perform. In this case study, I chose to highlight one primary effective user flow that illustrates the app’s core task of finding a mentor and scheduling a mentorship session.
To outline the functioinality of the app, I created user flows that showcase the main and necessary tasks users can perform. In this case study, I chose to highlight one primary effective user flow that illustrates the app’s core task of finding a mentor and scheduling a mentorship session.
To outline the functioinality of the app, I created user flows that showcase the main and necessary tasks users can perform. In this case study, I chose to highlight one primary effective user flow that illustrates the app’s core task of finding a mentor and scheduling a mentorship session.
DESIGN
DESIGN
DESIGN
wireframe
wireframe
wireframe
I created lo-fi wireframes using Whimsical based off the design ideas I had sketched out on paper. The primary goal of this early wireframe is to focus on functionality and user flow rather than visual design.
I created lo-fi wireframes using Whimsical based off the design ideas I had sketched out on paper. The primary goal of this early wireframe is to focus on functionality and user flow rather than visual design.
I created lo-fi wireframes using Whimsical based off the design ideas I had sketched out on paper. The primary goal of this early wireframe is to focus on functionality and user flow rather than visual design.
ui kit
ui kit
ui kit
I created a UI kit that consists of typography, colors, and reusable components to maintain a consistent visual language across the app. The UI kit wasn’t finalized in one go; there were numerous adjustments made throughout the UI design process based on evolving design needs.
I created a UI kit that consists of typography, colors, and reusable components to maintain a consistent visual language across the app. The UI kit wasn’t finalized in one go; there were numerous adjustments made throughout the UI design process based on evolving design needs.
I created a UI kit that consists of typography, colors, and reusable components to maintain a consistent visual language across the app. The UI kit wasn’t finalized in one go; there were numerous adjustments made throughout the UI design process based on evolving design needs.
TYPOGRAPHY
TYPOGRAPHY
TYPOGRAPHY
COLORS
COLORS
COLORS
COMPONENTS
COMPONENTS
COMPONENTS
logo design
logo design
logo design
This process began with exploration of various concepts that could embody the brand’s messages, through brainstorming ideas, sketching rough concepts, and creating digital drafts. I wanted the logo to look simple and clean, yet can visually represent the brand’s values, hence why I came up with the final logo concept.
This process began with exploration of various concepts that could embody the brand’s messages, through brainstorming ideas, sketching rough concepts, and creating digital drafts. I wanted the logo to look simple and clean, yet can visually represent the brand’s values, hence why I came up with the final logo concept.
This process began with exploration of various concepts that could embody the brand’s messages, through brainstorming ideas, sketching rough concepts, and creating digital drafts. I wanted the logo to look simple and clean, yet can visually represent the brand’s values, hence why I came up with the final logo concept.
ui design
ui design
ui design
Finally, I started translating the wireframes into hi-fi designs using the UI kit I had created. During this process, I actively sought feedback from colleagues who also represent the target user group, and made iterative adjustments to improve the overall user experience of the app,
Finally, I started translating the wireframes into hi-fi designs using the UI kit I had created. During this process, I actively sought feedback from colleagues who also represent the target user group, and made iterative adjustments to improve the overall user experience of the app,
Finally, I started translating the wireframes into hi-fi designs using the UI kit I had created. During this process, I actively sought feedback from colleagues who also represent the target user group, and made iterative adjustments to improve the overall user experience of the app,
On Boarding
On Boarding
On Boarding
Home Screen
Home Screen
Home Screen
FInd Mentor
FInd Mentor
FInd Mentor
Book Session
Book Session
Book Session
Events & Articles
Events & Articles
Events & Articles
Community Forum
Community Forum
Community Forum
What's your next move?
Drop me a line: arra18qibtiah@gmail.com
© 2024 Arra Qibtiah / All Rights Reserved
What's your next move?
Drop me a line: arra18qibtiah@gmail.com
© 2024 Arra Qibtiah / All Rights Reserved
What's your next move?
Drop me a line: arra18qibtiah@gmail.com
© 2024 Arra Qibtiah / All Rights Reserved
What's your next move?
Drop me a line: arra18qibtiah@gmail.com
© 2024 Arra Qibtiah / All Rights Reserved
What's your next move?
Drop me a line: arra18qibtiah@gmail.com
© 2024 Arra Qibtiah / All Rights Reserved