End-to-End Application
End-to-End Application
End-to-End Application
Assisting gaming content creators find new collaborations
Assisting gaming content creators find new collaborations
Assisting gaming content creators find new collaborations
ROLES:
ROLES:
ROLES:
UX Researcher
UX Researcher
UX Researcher
UX Designer
UX Designer
UX Designer
UI Designer
UI Designer
UI Designer
Prototyper
Prototyper
Prototyper
TOOLS:
TOOLS:
TOOLS:
Figma
Figma
Figma
FigJam
FigJam
AF Designer
AF Designer
AF Designer
DURATION:
DURATION:
DURATION:
80 Hours
80 Hours
OVERVIEW
OVERVIEW
OVERVIEW
Streaming has become a popular hobby for many in recent years, with the number of content creators rising significantly. For example, approximately 3.5 million individuals have joined the streaming community on Twitch alone over the last 3 years.
Streaming has become a popular hobby for many in recent years, with the number of content creators rising significantly. For example, approximately 3.5 million individuals have joined the streaming community on Twitch alone over the last 3 years.
Streaming has become a popular hobby for many in recent years, with the number of content creators rising significantly. For example, approximately 3.5 million individuals have joined the streaming community on Twitch alone over the last 3 years.
Many have utilized streaming as a way to meet new people. However, it can be difficult to form a new community when one first starts out.
Many have utilized streaming as a way to meet new people. However, it can be difficult to form a new community when one first starts out.
Many have utilized streaming as a way to meet new people. However, it can be difficult to form a new community when one first starts out.
My role as a UX/UI designer was to help creators find like-minded individuals to collaborate with and form long-lasting friendships.
My role as a UX/UI designer was to help creators find like-minded individuals to collaborate with and form long-lasting friendships.
My role as a UX/UI designer was to help creators find like-minded individuals to collaborate with and form long-lasting friendships.
THE CHALLENGE
THE CHALLENGE
THE CHALLENGE
Gaming content creators struggle with finding like-minded individuals to collaborate with.
Gaming content creators struggle with finding like-minded individuals to collaborate with.
Gaming content creators struggle with finding like-minded individuals to collaborate with.
Individuals face difficulties in finding creators of interest due to the absence of structured methods in doing so. The prospect of meeting new people also becomes daunting and anxiety-inducing due to the potential for negative interactions to arise.
Individuals face difficulties in finding creators of interest due to the absence of structured methods in doing so. The prospect of meeting new people also becomes daunting and anxiety-inducing due to the potential for negative interactions to arise.
Individuals face difficulties in finding creators of interest due to the absence of structured methods in doing so. The prospect of meeting new people also becomes daunting and anxiety-inducing due to the potential for negative interactions to arise.
USER RESEARCH
USER RESEARCH
USER RESEARCH
I conducted online surveys and user interviews from gaming content creators to understand their motives and process in finding other creators to collaborate with.
I conducted online surveys and user interviews from gaming content creators to understand their motives and process in finding other creators to collaborate with.
I conducted online surveys and user interviews from gaming content creators to understand their motives and process in finding other creators to collaborate with.
Why become a content creator?
Why become a content creator?
Why become a content creator?
Connect with like-minded individuals: To build a supportive social group where people can enjoy spending time together and having fun.
Connect with like-minded individuals: To build a supportive social group where people can enjoy spending time together and having fun.
Connect with like-minded individuals: Joining the content creator community helps you find gaming partners as many share the same goals.
Social interaction: While many individuals identify as introverted, there remains a genuine longing to engage in conversations, share memorable moments, and enhance their gaming experience.
Social interaction: While many individuals identify as introverted, there remains a genuine longing to engage in conversations, share memorable moments, and enhance their gaming experience.
Build a supportive community: Despite many individuals identifying as introverted, there exists a genuine longing to form social connections by engaging in conversations, sharing unforgettable moments, and enriching their gaming experiences.
Background research: Users have access to content creators social media or VODs to assess their likability.
Background research: Users have access to content creators social media or VODs to assess their likability.
Background research: Users have access to content creators social media or VODs to assess their likability.
How do content creators find collaborations?
How do content creators find collaborations?
How do content creators find collaborations?
Discord servers and Twitter were the most popular means of finding collaborations with other content creators.
Discord servers and Twitter were the most popular means of finding collaborations with other content creators.
Discord servers and Twitter were the most popular means of finding collaborations with other content creators.
Users conduct thorough background checks by visiting potential creator’s social media profiles to assess whether the potential collaborator is likable and someone they would be interested in befriending.
Users conduct thorough background checks by visiting potential creator’s social media profiles to assess whether the potential collaborator is likable and someone they would be interested in befriending.
Users conduct thorough background checks by visiting potential creator’s social media profiles to assess whether the potential collaborator is likable and someone they would be interested in befriending.
What factors do users consider important when selecting potential collaborators?
What factors do users consider important when selecting potential collaborators?
What factors do users consider important when selecting potential collaborators?
Gaming content creators were asked to rate the importance of various factors that influence their decision in selecting collaborators using a Likert scale. The results were later quantified to determine the top five factors.
Gaming content creators were asked to rate the importance of various factors that influence their decision in selecting collaborators using a Likert scale. The results were later quantified to determine the top five factors.
Gaming content creators were asked to rate the importance of various factors that influence their decision in selecting collaborators using a Likert scale. The results were later quantified to determine the top five factors.
Personality
Interests
Type of content
Timezone
Viewer/Follower size
Personality
Interests
Type of content
Timezone
Viewer/Follower size
Personality
Interests
Type of content
Timezone
Viewer/Follower size
Individuals find it much easier to interact with new creators for collaborations if their friends or mutuals are involved as it provides a sense of comfort.
Individuals find it much easier to interact with new creators for collaborations if their friends or mutuals are involved as it provides a sense of comfort.
Individuals find it much easier to interact with new creators for collaborations if their friends or mutuals are involved as it provides a sense of comfort.
Discord Servers: The Preeminent, Yet Imperfect Way to Find Collaborations
Discord Servers: The Preeminent, Yet Imperfect Way to Find Collaborations
Discord Servers: The Preeminent, Yet Imperfect Way to Find Collaborations
Many have expressed that Discord servers was the best method for finding collaborations as all users share the same goal; however, there are many flaws.
Many have expressed that Discord servers was the best method for finding collaborations as all users share the same goal; however, there are many flaws.
Many have expressed that Discord servers was the best method for finding collaborations as all users share the same goal; however, there are many flaws.
Discord Server 1
Discord Server 1
Information about collaborations is not easily accessible
Information about collaborations is not easily accessible
Information about collaborations is not easily accessible
Keeping track of posts is challenging due to high level of activity by users.
Keeping track of posts is challenging due to high level of activity by users.
Keeping track of posts is challenging due to high level of activity by users.
Cannot filter/sort messages based on game genres, dates, or timezones
Cannot filter/sort messages based on game genres, dates, or timezones
Cannot filter/sort messages based on game genres, dates, or timezones
Discord Server 2
Discord Server 2
Unlike server 1, posts on this server are visually organized and separated
Unlike server 1, posts on this server are visually organized and separated
Unlike server 1, posts on this server are visually organized and separated
Crucial Information such as date/time, server, or console is not always accessible at first glance; users must expand the post to see all information.
Crucial Information such as date/time, server, or console is not always accessible at first glance; users must expand the post to see all information.
Crucial Information such as date/time, server, or console is not always accessible at first glance; users must expand the post to see all information.
The filtering feature based on tags is limited as it doesn't encompass other popular game genres, dates, or time zones.
The filtering feature based on tags is limited as it doesn't encompass other popular game genres, dates, or time zones.
The filtering feature based on tags is limited as it doesn't encompass other popular game genres, dates, or time zones.
What is difficult about finding collaborations?
What is difficult about finding collaborations?
What is difficult about finding collaborations?
Information is not easily accessible
Information is not easily accessible
Information is not easily accessible
The ineffective organization of posts in Discord servers, along with the limited accessibility of crucial information makes it difficult to find collaborations of interest.
The ineffective organization of posts in Discord servers, along with the limited accessibility of crucial information makes it difficult to find collaborations of interest.
The ineffective organization of posts in Discord servers, along with the limited accessibility of crucial information makes it difficult to find collaborations of interest.
Lack of information available about potential collaborators
Lack of information available about potential collaborators
Lack of information available about potential collaborators
Many creators, being introverted and cautious about meeting new people, prefer to have information about potential collaborators before reaching out; however, it's not always readily available.
Many creators, being introverted and cautious about meeting new people, prefer to have information about potential collaborators before reaching out; however, it's not always readily available.
Many creators, being introverted and cautious about meeting new people, prefer to have information about potential collaborators before reaching out; however, it's not always readily available.
Hesitant to make collaboration posts due to unspoken first-come, first-served rule
Hesitant to make collaboration posts due to unspoken first-come, first-served rule
Hesitant to make collaboration posts due to unspoken first-come, first-served rule
Creators are often obligated to accept someone who expresses interest to their post on a first-come, first-served basis, even if they don't necessarily want to collaborate with that person.
Creators are often obligated to accept someone who expresses interest to their post on a first-come, first-served basis, even if they don't necessarily want to collaborate with that person.
Creators are often obligated to accept someone who expresses interest to their post on a first-come, first-served basis, even if they don't necessarily want to collaborate with that person.
IDEATION
IDEATION
IDEATION
Main pages of the product
Main pages of the product
Main pages of the product
There were five main pages I thought were essential to include in the product to support content creators.
There were five main pages I thought were essential to include in the product to support content creators.
There were five main pages I thought were essential to include in the product to support content creators.
Although all pages are important, I prioritized working on pages related to finding a collaboration as it directly related to the user’s main pain point.
Although all pages are important, I prioritized working on pages related to finding a collaboration as it directly related to the user’s main pain point.
Although all pages are important, I prioritized working on pages related to finding a collaboration as it directly related to the user’s main pain point.
HOME:
HOME:
HOME:
A dashboard that allows users to quickly view new updates/posts made by other users
A dashboard that allows users to quickly view new updates/posts made by other users
A dashboard that allows users to quickly view new updates/posts made by other users
COMMUNITY:
COMMUNITY:
COMMUNITY:
Users can connect with content creators through forums and recommended creators.
Users can connect with content creators through forums and recommended creators.
Users can connect with content creators through forums and recommended creators.
COLLAB(ORATION):
COLLAB(ORATION):
COLLAB(ORATION):
Users can view collaboration recruitment posts made by other content creators.
Users can view collaboration posts made by other content creators.
Users can view collaboration posts made by other content creators.
MESSAGE:
MESSAGE:
MESSAGE:
Users can view and write messages to other content creators
Users can view and write messages to other content creators
Users can view and write messages to other content creators
PROFILE:
PROFILE:
PROFILE:
Users can utilize the profile page to showcase themselves
Users can utilize the profile page to showcase themselves
Users can utilize the profile page to showcase themselves
Profile page
Profile page
Profile page
Many creators conduct background research on potential collaborator’s social media pages because contacting new people can be stressful; however, information is not alway accessible.
Many creators conduct background research on potential collaborator’s social media pages because contacting new people can be stressful; however, information is not alway accessible.
Many creators conduct background research on potential collaborator’s social media pages because contacting new people can be stressful; however, information is not alway accessible.
On the profile page, users are encouraged to complete optional prompts that reveal their personality and interests.
On the profile page, users are encouraged to complete optional prompts that reveal their personality and interests.
On the profile page, users are encouraged to complete optional prompts that reveal their personality and interests.
Users can share clips from their streams to provide a glimpse of their on-stream behavior.
Users can share clips from their streams to provide a glimpse of their on-stream behavior.
Users can share clips from their streams to provide a glimpse of their on-stream behavior.
Fostering a safe community
Fostering a safe community
Fostering a safe community
Content creators can become ‘Friends’ if both parties mutually agree to the connection.
Content creators can become ‘Friends’ if both parties mutually agree to
the connection.
Once they become 'Friends', users gain access to each other's mutuals.
Once they become 'Friends', users gain access to each other's mutuals.
Once they become 'Friends', users gain access to each other's mutuals.
User's now gain the ability to filter collaboration searches by displaying posts by direct 'friends' or mutuals.
User's now gain the ability to filter collaboration searches by displaying posts by direct 'friends' or mutuals.
User's now gain the ability to filter collaboration searches by displaying posts by direct 'friends' or mutuals.
Collaboration page
Collaboration page
Collaboration page
When viewing a specific collaboration, users have access to two types of information:
When viewing a specific collaboration, users have access to two types of information:
When viewing a specific collaboration, users have access to two types of information:
Basic Info: General details about the collaboration
Basic Info: General details about the collaboration
Basic Info: General details about the collaboration
Group: Displays creators involved in the collaboration
Group: Displays creators involved in the collaboration
Group: Displays creators involved in the collaboration
This information helps users decide if they are interested in joining the collaboration.
This information helps users decide if they are interested in joining the collaboration.
This information helps users decide if they are interested in joining the collaboration.
Collaboration System
Collaboration System
Collaboration System
When a user taps on the 'Interested' button, it notifies the host that they are interested in joining the collaboration.
When a user taps on the 'Interested' button, it notifies the host that they are interested in joining the collaboration.
Unlike the first-come-first-serve approach on Discord servers, there is no longer pressure to accept someone immediately upon expressing interest, as user activity is not publicly disclosed.
Unlike the first-come-first-serve approach on Discord servers, there is no longer pressure to accept someone immediately upon expressing interest, as user activity is not publicly disclosed.
The host now has the freedom to thoroughly review everyone who expressed interest and make informed decisions for ensuring a fun and comfortable collaboration.
The host now has the freedom to thoroughly review everyone who expressed interest and make informed decisions for ensuring a fun and comfortable collaboration.
BRANDING OF ‘TOMO’
BRANDING OF ‘TOMO’
BRANDING OF ‘TOMO’
TOMO: Creating a safe environment for finding new friends
TOMO: Creating a safe environment for finding new friends
TOMO: Creating a safe environment for finding new friends
As the primary goals of content creators were to create new friendships, I named my product ‘Tomo’, which is the word for ‘Friend’ in Japanese.
As the primary goals of content creators were to create new friendships, I named my product ‘Tomo’, which is the word for ‘Friend’ in Japanese.
Designing the logo
Designing the logo
Designing the logo
The gaming controller motif is created by two people forming a circle through a hugging gesture, representing a community of gamer friends.
The gaming controller motif is created by two people forming a circle through a hugging gesture, representing a community of gamer friends.
The people in the design also resembles eyes, highlighting the viewership aspect of streamers in the gaming community.
The people in the design also resembles eyes, highlighting the viewership aspect of streamers in the gaming community.
Style Tile
Style Tile
Style Tile
‘Tomo’ values connection, trust, and happiness, which are conveyed through a color scheme predominantly composed of various shades of blue.
‘Tomo’ values connection, trust, and happiness, which are conveyed through a color scheme predominantly composed of various shades of blue.
‘Tomo’ values connection, trust, and happiness, which are conveyed through a color scheme predominantly composed of various shades of blue.
To cater to the gamer demographic, a darker shade of blue was chosen, complemented by pink buttons for visual contrast.
To cater to the gamer demographic, a darker shade of blue was chosen, complemented by pink buttons for visual contrast.
To cater to the gamer demographic, a darker shade of blue was chosen, complemented by pink buttons for visual contrast.
SOLUTION
SOLUTION
SOLUTION
A summary of community activity
A summary of community activity
A summary of community activity
Users will first be directed to the home dashboard that will provide an overview of activities of content creators on the ‘Tomo’ platform.
Users will first be directed to the home dashboard that will provide an overview of activities of content creators on the ‘Tomo’ platform.
Users will first be directed to the home dashboard that will provide an overview of activities of content creators on the ‘Tomo’ platform.
Home dashboard
Home dashboard
Home dashboard
Users have quick access to:
Users have quick access to:
Users have quick access to:
Trending games: Games that are popular among the community
Trending games: Games that are popular among the community
Trending games: Games that are popular among the community
Recommended Collabs: Collaborations that might interest the user
Recommended Collabs: Collaborations that might interest the user
Recommended Collabs: Collaborations that might interest the user
Upcoming Collabs: A reminder for all upcoming collaborations
Upcoming Collabs: A reminder for all upcoming collaborations
Upcoming Collabs: A reminder for all upcoming collaborations
Creator Spotlight: Content Creators that might interest the user based on interests
Creator Spotlight: Content Creators that might interest the user based on interests
Creator Spotlight: Content Creators that might interest the user based on interests
Community forums: Recently posted forums from teh community
Community forums: Recently posted forums from teh community
Community forums: Recently posted forums from teh community
Finding collaborations
Finding collaborations
Finding collaborations
Users can find collaborations by viewing collaboration posts created by other content creators on the platform.
Users can find collaborations by viewing collaboration posts created by other content creators on the platform.
Users can find collaborations by viewing collaboration posts created by other content creators on the platform.
Collab Page
Collab Page
Collab Page
Lists currently available collabs
Lists currently available collabs
Lists currently available collabs
Utilization of filter, sort, or search functions to find matching collabs
Utilization of filter, sort, or search functions to find matching collabs
Utilization of filter, sort, or search functions to find matching collabs
Users can create their own collab posts
Users can create their own collab posts
Users can create their own collab posts
Mutuals
Mutuals
Mutuals
Users can identify collaborations that involve mutual connections by looking for the symbol shown above.
Users can identify collaborations that involve mutual connections by looking for the symbol shown above.
Users can identify collaborations that involve mutual connections by looking for the symbol shown above.
Can filter the results and view only posts made by mutual connections by selecting a toggle switch.
Can filter the results and view only posts made by mutual connections by selecting a toggle switch.
Can filter the results and view only posts made by mutual connections by selecting a toggle switch.
Specific Collaboration
Specific Collaboration
Specific Collaboration
Users can view various information about the specific collaboration they have selected to help make an informed decision.
Users can view various information about the specific collaboration they have selected to help make an informed decision.
Users can view various information about the specific collaboration they have selected to help make an informed decision.
Collab: Info
Collab: Info
Collab: Info
Description of the collaboration
Description of the collaboration
Description of the collaboration
General information about the game's settings
General information about the game's settings
General information about the game's settings
Date and time for the collaboration
Date and time for the collaboration
Date and time for the collaboration
Collab: Group
Collab: Group
Collab: Group
View the participants who are taking part in the collaboration.
View the participants who are taking part in the collaboration.
View the participants who are taking part in the collaboration.
Tap on the creator profile cards to access their full profiles.
Tap on the creator profile cards to access their full profiles.
Tap on the creator profile cards to access their full profiles.
Insights into creator’s identity and personality via ‘Profile Page’
Insights into creator’s identity and personality via ‘Profile Page’
Insights into creator’s identity and personality via ‘Profile Page’
Users can conveniently learn about potential collaborators by viewing their profile, eliminating the need for external background research.
Users can conveniently learn about potential collaborators by viewing their profile, eliminating the need for external background research.
Users can conveniently learn about potential collaborators by viewing their profile, eliminating the need for external background research.
Creator Profile Page
Creator Profile Page
Creator Profile Page
Creators can showcase who they are by posting information about who they are, which games they have, clips showcasing their gameplay, and collabs they are a part of.
Creators can showcase who they are by posting information about who they are, which games they have, clips showcasing their gameplay, and collabs they are a part of.
Creators can showcase who they are by posting information about who they are, which games they have, clips showcasing their gameplay, and collabs they are a part of.
PROFILE: BIO
BIO
PROFILE: BIO
PROFILE: GAMES
GAMES
PROFILE: GAMES
PROFILE: CLIPS
CLIPS
PROFILE: CLIPS
PROFILE: COLLABS
COLLABS
PROFILE: COLLABS
Creator Profile Prompts
Creator Profile Prompts
Creator Profile Prompts
Creators can showcase their personality and interests by completing various prompts.
Creators can showcase their personality and interests by completing various prompts.
Creators can showcase their personality and interests by completing various prompts.
These prompts not only allow users to exhibit their individuality but also help find shared interests that can serve as conversation starters.
These prompts not only allow users to exhibit their individuality but also help find shared interests that can serve as conversation starters.
These prompts not only allow users to exhibit their individuality but also help find shared interests that can serve as conversation starters.
Users will also be able to view any mutuals between them and the creator.
Users will also be able to view any mutuals between them and the creator.
Users will also be able to view any mutuals between them and the creator.
Profile: Games
Profile: Games
Profile: Games
Users can explore games played by the creator they are viewing.
Users can explore games played by the creator they are viewing.
Users can explore games played by the creator they are viewing.
Upon selecting a game, users can view details about the creator's gaming experience.
Upon selecting a game, users can view details about the creator's gaming experience.
Upon selecting a game, users can view details about the creator's gaming experience.
The game cards also provide the creator's commentary about anything related to the game such as play style, what they are looking for, etc.
The game cards also provide the creator's commentary about anything related to the game such as play style, what they are looking for, etc.
The game cards also provide the creator's commentary about anything related to the game such as play style, what they are looking for, etc.
TESTING AND ITERATIONS
TESTING AND ITERATIONS
TESTING AND ITERATIONS
Many users expressed positively to how the collaboration system works. They particularly liked how easily accessible information regarding collaborations were and the information provided on the profile page.
Many users expressed positively to how the collaboration system works. They particularly liked how easily accessible information regarding collaborations were and the information provided on the profile page.
Many users expressed positively to how the collaboration system works. They particularly liked how easily accessible information regarding collaborations were and the information provided on the profile page.
Across all users, there were consistent problems during the usability testing that must be addressed.
Across all users, there were consistent problems during the usability testing that must be addressed.
Across all users, there were consistent problems during the usability testing that must be addressed.
The visual design of the 'Collab' and 'Profile' cards were too similar
The visual design of the 'Collab' and 'Profile' cards were too similar
The visual design of the 'Collab' and 'Profile' cards were too similar
80% of users could not navigate to creator’s profile page
80% of users could not navigate to creator’s profile page
80% of users could not navigate to creator’s profile page
Many users could not discriminate between the collab and profile cards
Many users could not discriminate between the collab and profile cards
Many users could not discriminate between the collab and profile cards
The visual similarities could be a factor into why users did not interact with the profile card
The visual similarities could be a factor into why users did not interact with the profile card
The visual similarities could be a factor into why users did not interact with the profile card
Text within the cards is difficult to read
Text within the cards is difficult to read
Text within the cards is difficult to read
Collab Card
Collab Card
Profile Card
Profile Card
BEFORE
BEFORE
AFTER
AFTER
Collab Card
Collab Card
Collab Card
Tags associated with the creator were removed as it did not serve a clear purpose
Tags associated with the creator were removed as it did not serve a clear purpose
Tags associated with the creator were removed as it did not serve a clear purpose
To improve readability, a visual hierarchy was established by using different colors for text, allowing for clear differentiation and color coding of various types of information.
To improve readability, a visual hierarchy was established by using different colors for text, allowing for clear differentiation and color coding of various types of information.
To improve readability, a visual hierarchy was established by using different colors for text, allowing for clear differentiation and color coding of various types of information.
Profile Cards
Profile Cards
Profile Cards
To create a visual distinction between the 'Collab' and ‘Profile’ cards, the profile image was modified to a square shape, occupying one-third of the entire card.
To create a visual distinction between the 'Collab' and ‘Profile’ cards, the profile image was modified to a square shape, occupying one-third of the entire card.
To create a visual distinction between the 'Collab' and ‘Profile’ cards, the profile image was modified to a square shape, occupying one-third of the entire card.
To prioritize the tags and essential information that users found most important, the user description and game rank were removed from the card.
To prioritize the tags and essential information that users found most important, the user description and game rank were removed from the card.
To prioritize the tags and essential information that users found most important, the user description and game rank were removed from the card.
BEFORE
BEFORE
AFTER
AFTER
Creator Profile Page
Creator Profile Page
Creator Profile Page
For design consistency, the profile image was changed to a square shape, which has allowed more information to become accessible
For design consistency, the profile image was changed to a square shape, which has allowed more information to become accessible
For design consistency, the profile image was changed to a square shape, which has allowed more information to become accessible
To improve the viewing experience, the navigation bar has been removed as it was found to be distracting.
To improve the viewing experience, the navigation bar has been removed as it was found to be distracting.
To improve the viewing experience, the navigation bar has been removed as it was found to be distracting.
To enhance readability, the text color was changed to distinguish it from section titles, and the active state of a page is now more noticeable with a color change and increased line width below the text.
To enhance readability, the text color was changed to distinguish it from section titles, and the active state of a page is now more noticeable with a color change and increased line width below the text.
To enhance readability, the text color was changed to distinguish it from section titles, and the active state of a page is now more noticeable with a color change and increased line width below the text.
BEFORE
BEFORE
AFTER
AFTER
“I’m not sure if I will utilize the dashboard...If I have a task or goal in mind, I will directly navigate to the corresponding page”
“I’m not sure if I will utilize the dashboard...If I have a task or goal in mind, I will directly navigate to the corresponding page”
“I’m not sure if I will utilize the dashboard...If I have a task or goal in mind, I will directly navigate to the corresponding page”
Rethinking what is essential...
Rethinking what is essential...
Rethinking what is essential...
The 'Home' page has been removed due to significant content overlap with the 'Community' page.
The 'Home' page has been removed due to significant content overlap with the 'Community' page.
The 'Home' page has been removed due to significant content overlap with the 'Community' page.
To cater to user preferences, easy access to their collaboration schedule has been prioritized.
To cater to user preferences, easy access to their collaboration schedule has been prioritized.
To cater to user preferences, easy access to their collaboration schedule has been prioritized.
Because the messaging feature may not be heavily utilized, ‘Messages’ was moved from the bottom navigation to the top navigation.
Because the messaging feature may not be heavily utilized, ‘Messages’ was moved from the bottom navigation to the top navigation.
Because the messaging feature may not be heavily utilized, ‘Messages’ was moved from the bottom navigation to the top navigation.
BEFORE
BEFORE
AFTER
AFTER
FINAL PRODUCT
FINAL PRODUCT
FINAL PRODUCT
Onboarding
Profile Quiz
Onboarding Profile Quiz
Onboarding
Profile Quiz
Find a ranked mode collab
Find a ranked mode collab
Find a ranked mode collab
Find a collab with a mutual
Find a collab with a mutual
Find a collab with a mutual
NEXT STEPS
NEXT STEPS
NEXT STEPS
Continue working on other pages
Continue working on other pages
Continue working on other pages
Specific community pages: Trending games, Creators, Forums
Specific community pages: Trending games, Creators, Forums
Messages
Messages
Schedule
Schedule
Crafting the host’s experience of selecting collaborators
Crafting the host’s experience of selecting collaborators
Crafting the host’s experience of selecting collaborators
I have created the user flow and designed the necessary screens for discovering collaboration posts and expressing interest in them.
I have created the user flow and designed the necessary screens for discovering collaboration posts and expressing interest in them.
I have created the user flow and designed the necessary screens for discovering collaboration posts and expressing interest in them.
Now, I need to design the user flows for individuals who have created a collaboration post to review the creators who have expressed interest and determine whom to accept into their collaboration.
Now, I need to design the user flows for individuals who have created a collaboration post to review the creators who have expressed interest and determine whom to accept into their collaboration.
Now, I need to design the user flows for individuals who have created a collaboration post to review the creators who have expressed interest and determine whom to accept into their collaboration.
LESSONS LEARNED
LESSONS LEARNED
LESSONS LEARNED
Not all information must be presented at all times
Not all information must be presented at all times
Not all information must be presented at all times
In an effort to streamline user tasks and reduce complexity, I initially presented a lots of information on all pages. However, this led to a cluttered design. As a result, I have learned to prioritize what is most important to users at each step, allowing for cleaner and more user-friendly designs.
In an effort to streamline user tasks and reduce complexity, I initially presented a lots of information on all pages. However, this led to a cluttered design. As a result, I have learned to prioritize what is most important to users at each step, allowing for cleaner and more user-friendly designs.
In an effort to streamline user tasks and reduce complexity, I initially presented a lots of information on all pages. However, this led to a cluttered design. As a result, I have learned to prioritize what is most important to users at each step, allowing for cleaner and more user-friendly designs.
Excessive consistency can sometimes hinder the design rather than benefit it
Excessive consistency can sometimes hinder the design rather than benefit it
Excessive consistency can sometimes hinder the design rather than benefit it
Due to designing the 'Profile' and 'Collab' cards too similarly for consistency, many users had difficulty distinguishing between them. It is crucial to employ distinct designs that assist users in differentiating various components of the interface to accomplish their goals effectively.
Due to designing the 'Profile' and 'Collab' cards too similarly for consistency, many users had difficulty distinguishing between them. It is crucial to employ distinct designs that assist users in differentiating various components of the interface to accomplish their goals effectively.
Due to designing the 'Profile' and 'Collab' cards too similarly for consistency, many users had difficulty distinguishing between them. It is crucial to employ distinct designs that assist users in differentiating various components of the interface to accomplish their goals effectively.