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?

  1. Connect with like-minded individuals: To build a supportive social group where people can enjoy spending time together and having fun.

  1. Connect with like-minded individuals: To build a supportive social group where people can enjoy spending time together and having fun.

  1. Connect with like-minded individuals: Joining the content creator community helps you find gaming partners as many share the same goals.

  1. 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.

  1. 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.

  1. 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.

  1. Background research: Users have access to content creators social media or VODs to assess their likability.

  1. Background research: Users have access to content creators social media or VODs to assess their likability.

  1. 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.

  1. Personality

  2. Interests

  3. Type of content

  4. Timezone

  5. Viewer/Follower size

  1. Personality

  2. Interests

  3. Type of content

  4. Timezone

  5. Viewer/Follower size

  1. Personality

  2. Interests

  3. Type of content

  4. Timezone

  5. 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

  1. Specific community pages: Trending games, Creators, Forums

  1. Specific community pages: Trending games, Creators, Forums

  1. Messages

  1. Messages

  1. Schedule

  1. 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.

Let's get to know each other.

Let's get to know
each other.

Let's get to know each other.

Get in touch

Get in touch

Get in touch