UX/UI Hub

Foster Engagement Among UX/UI Design Students and Professionals

Transforming an UX/UI Event-Based App Into a Resource Hub

Vitamina K is a Switzerland based design firm that consults and develops its own no code applications. The company needs support for its existing app, UX/UI Events, which is an app that lists out the leading UX events around the world. I was tasked along with another designer to add new features, such as incorporating a job board and networking options to foster engagement among junior designers. 

Role:

-UX/UI Design

-Researcher

-Branding


Tools:

-Figma

-Figjam

Timeline:

-4 weeks

Skills:

-Competitive Analysis

-Business Strategy

-User Research

-Wireframes

-Prototype

-Usability Testing

Transforming an UX/UI Event-Based App Into a Resource Hub

Vitamina K is a Switzerland based design firm that consults and develops its own no code applications. The company needs support for its existing app, UX/UI Events, which is an app that lists out the leading UX events around the world. I was tasked along with another designer to add new features, such as incorporating a job board and networking options to foster engagement among junior designers. 

Role:

-UX/UI Design

-Researcher

-Branding


Tools:

-Figma

-Figjam

Timeline:

-4 weeks

Skills:

-Competitive Analysis

-Business Strategy

-User Research

-Wireframes

-Prototype

-Usability Testing

UX/UI Hub

UX/UI Hub

UX/UI Hub

Foster Engagement Among UX/UI Design Students and Professionals

Foster Engagement Among UX/UI Design Students and Professionals

Foster Engagement Among UX/UI Design Students and Professionals

Transforming an UX/UI Event-Based App Into a Resource Hub

Vitamina K is a Switzerland based design firm that consults and develops its own no code applications. The company needs support for its existing app, UX/UI Events, which is an app that lists out the leading UX events around the world. I was tasked along with another designer to add new features, such as incorporating a job board and networking options to foster engagement among junior designers. 

Role:

-UX/UI Design

-Researcher

-Branding


Tools:

-Figma

-Figjam

Timeline:

-4 weeks

Skills:

-Competitive Analysis

-Business Strategy

-User Research

-Wireframes

-Prototype

-Usability Testing

Business Objectives

Business Objectives

Business Objectives

  • Improve the event listing page and enhance user experience with the goal of driving more downloads and ratings

  • Improve the event listing page and enhance user experience with the goal of driving more downloads and ratings

  • Improve the event listing page and enhance user experience with the goal of driving more downloads and ratings

  • Add new features that will help junior designers go forward in their careers

  • Add new features that will help junior designers go forward in their careers

  • Add new features that will help junior designers go forward in their careers

Solutions Sneak Peak:

Solutions Sneak Peak:

Solutions Sneak Peak:

Build Your Profile

Build Your Profile

Build Your Profile

Simply create a personal profile from the get-go to connect with others right away.

Simply create a personal profile from the get-go to connect with others right away.

Simply create a personal profile from the get-go to connect with others right away.

Continuous Learning

Continuous Learning

Continuous Learning

Stay up-to-date with the latest events and resources provided by industry experts

Stay up-to-date with the latest events and resources provided by industry experts

Stay up-to-date with the latest events and resources provided by industry experts

Connect + Explore Job Openings

Connect + Explore Job Openings

Connect + Explore Job Openings

Make your profile public to connect with others and explore junior UX/UI job roles

Make your profile public to connect with others and explore junior UX/UI job roles

Make your profile public to connect with others and explore junior UX/UI job roles

Competitive Analysis

Competitive Analysis

Competitive Analysis

Social Aspect is the Primary Focus

Social Aspect is the Primary Focus

Social Aspect is the Primary Focus

Key Takeaways

Key Takeaways

Key Takeaways

  • Filters allow users to find relevant events quicker

  • Filters allow users to find relevant events quicker

  • Filters allow users to find relevant events quicker

  • Supermomos and Job Board both include a personal profile page that is beneficial for job search

  • Supermomos and Job Board both include a personal profile page that is beneficial for job search

  • Supermomos and Job Board both include a personal profile page that is beneficial for job search

  • Messaging features allow users to network and communicate with one another

  • Messaging features allow users to network and communicate with one another

  • Messaging features allow users to network and communicate with one another

  • Meetup and Supermomos allow users to join communities and groups based on interests

  • Meetup and Supermomos allow users to join communities and groups based on interests

  • Meetup and Supermomos allow users to join communities and groups based on interests

Primary Research

Primary Research

Primary Research

User Interviews & Key Insights

User Interviews & Key Insights

User Interviews & Key Insights

  • Students need additional support in technical skills (i.e. Figma)

  • Students need additional support in technical skills (i.e. Figma)

  • Students need additional support in technical skills (i.e. Figma)

  • Mentorship from experienced designers is incredibly valuable for junior designers

  • Mentorship from experienced designers is incredibly valuable for junior designers

  • Mentorship from experienced designers is incredibly valuable for junior designers

  • Networking is crucial for career growth but can feel discouraging when they don’t hear back

  • Networking is crucial for career growth but can feel discouraging when they don’t hear back

  • Networking is crucial for career growth but can feel discouraging when they don’t hear back

  • Being intentional when applying to jobs is key (ex: customized resumes, meeting specific job requirements)

  • Being intentional when applying to jobs is key (ex: customized resumes, meeting specific job requirements)

  • Being intentional when applying to jobs is key (ex: customized resumes, meeting specific job requirements)

  • Interview practice helps students feel more prepared and confident during the job search process

  • Interview practice helps students feel more prepared and confident during the job search process

  • Interview practice helps students feel more prepared and confident during the job search process

How Might We...

How Might We...

How Might We...

  1. How might we help students get an internship or job as junior UX/UI Designers?

  1. How might we help students get an internship or job as junior UX/UI Designers?

  1. How might we help students get an internship or job as junior UX/UI Designers?

  1. How might we help students network?

  1. How might we help students network?

  1. How might we help students network?

  1. How might we help students finish their bootcamp sucessfully?

  1. How might we help students finish their bootcamp sucessfully?

  1. How might we help students finish their bootcamp sucessfully?

Site Map

Site Map

Site Map

Events, Connect, Jobs, Resources, and Profile are the Key Navigations

Events, Connect, Jobs, Resources, and Profile are the Key Navigations

Events, Connect, Jobs, Resources, and Profile are the Key Navigations

From user and competitive research, we saw that there is an opportunity for the app to become a hub for users to gather UX/UI related information. Users can come to this platform for purposes such as register for events, connect with others on LinkedIn, apply for jobs, and view resources to self-learn a topic.

From user and competitive research, we saw that there is an opportunity for the app to become a hub for users to gather UX/UI related information. Users can come to this platform for purposes such as register for events, connect with others on LinkedIn, apply for jobs, and view resources to self-learn a topic.

From user and competitive research, we saw that there is an opportunity for the app to become a hub for users to gather UX/UI related information. Users can come to this platform for purposes such as register for events, connect with others on LinkedIn, apply for jobs, and view resources to self-learn a topic.

User Flow

User Flow

User Flow

Reducing Friction in the Onboarding Process

Reducing Friction in the Onboarding Process

Reducing Friction in the Onboarding Process

As the questions from onboarding assist with building personal profile for users, it was challenging to balance the right number of questions to ask in order to create a basic profile while not having to spend too much time on it.

As the questions from onboarding assist with building personal profile for users, it was challenging to balance the right number of questions to ask in order to create a basic profile while not having to spend too much time on it.

As the questions from onboarding assist with building personal profile for users, it was challenging to balance the right number of questions to ask in order to create a basic profile while not having to spend too much time on it.

The Solution

The Solution

The Solution

  • Onboarding: The Onboarding process allows users to quickly build a profile to start connecting with others; it also allows stakeholder to collect user information

  • Events: Users can search the latest design events based on categories, as well as recommend events to the platform

  • Connect: The Connect page will increase response rate for those who wish to network with others, as they have already agreed to display their profiles on the page

  • Jobs: Explore junior roles that are more targeted for students and recent graduates

  • Resources: Users can search resources based on the topics they need more help with (ex: design tools, interview prep, etc), as well as recommend resources to the platform

  • Profile: Users can build out their profiles for others to easily connect with them and find common topics and interests to chat about

Wireframes

Wireframes

Wireframes

Bringing the Solution to Life

Bringing the Solution to Life

Bringing the Solution to Life

Onboarding

Jobs

Resources

Profile

Events

Connect

Onboarding

Onboarding

Jobs

Jobs

Resources

Resources

Profile

Profile

Events

Events

Connect

Connect

Guerilla Usability Testing

Guerilla Usability Testing

Guerilla Usability Testing

Improving Feature Comprehension and Design Consistency

Improving Feature Comprehension and Design Consistency

Improving Feature Comprehension and Design Consistency

Additional Design Changes: Events Screen

Additional Design Changes: Events Screen

Additional Design Changes: Events Screen

Color Palette

Typography

Buttons

Illustrations

UI Elements

Logo

Style Guide

Style Guide

Style Guide

Color Palette

Color Palette

Typography

Typography

UI Elements

UI Elements

Logo

Logo

Buttons

Buttons

Illustrations

Illustrations

Reflections

Reflections

Reflections

Ask Questions: It’s important to ask questions to clarify on the design direction and ask for feedback earlier in the design process

Ask Questions: It’s important to ask questions to clarify on the design direction and ask for feedback earlier in the design process

Ask Questions: It’s important to ask questions to clarify on the design direction and ask for feedback earlier in the design process

Communication is Key: Collaborating with members in different time zones require consistent communication. To ensure everyone is on the same page, it is essential to send meeting agenda and documents prior to meeting, along with meeting recaps to track all relevant discussions and next steps

Communication is Key: Collaborating with members in different time zones require consistent communication. To ensure everyone is on the same page, it is essential to send meeting agenda and documents prior to meeting, along with meeting recaps to track all relevant discussions and next steps

Communication is Key: Collaborating with members in different time zones require consistent communication. To ensure everyone is on the same page, it is essential to send meeting agenda and documents prior to meeting, along with meeting recaps to track all relevant discussions and next steps

Be Adaptable in the Face of Unforeseen Obstacles: About two weeks into the project, the team was notified one of the designers will not be continuing on this project. This set us back briefly but by scheduling more internal meetings and working sessions, my team member and I were able to finish the deliverable on time while over exceeding client expectations

Be Adaptable in the Face of Unforeseen Obstacles: About two weeks into the project, the team was notified one of the designers will not be continuing on this project. This set us back briefly but by scheduling more internal meetings and working sessions, my team member and I were able to finish the deliverable on time while over exceeding client expectations

Be Adaptable in the Face of Unforeseen Obstacles: About two weeks into the project, the team was notified one of the designers will not be continuing on this project. This set us back briefly but by scheduling more internal meetings and working sessions, my team member and I were able to finish the deliverable on time while over exceeding client expectations

Next Steps

Next Steps

Next Steps

Conduct More Usability Testing: Test the iterated designs prior to re-launching the app

Conduct More Usability Testing: Test the iterated designs prior to re-launching the app

Conduct More Usability Testing: Test the iterated designs prior to re-launching the app

Relaunch UX/UI Events: Incorporate additional features and reposition the app as a UX hub that provides learning and networking opportunities for junior designers. Future iterations can consider a location filter to allow users to customize their search and find events and jobs that are near them

Relaunch UX/UI Events: Incorporate additional features and reposition the app as a UX hub that provides learning and networking opportunities for junior designers. Future iterations can consider a location filter to allow users to customize their search and find events and jobs that are near them

Relaunch UX/UI Events: Incorporate additional features and reposition the app as a UX hub that provides learning and networking opportunities for junior designers. Future iterations can consider a location filter to allow users to customize their search and find events and jobs that are near them

Measuring success: Compare whether the number of downloads have increased from the previous app version, and measure task success rate for signing up for an account, utilizing the job boards, and connecting with other designers

Measuring success: Compare whether the number of downloads have increased from the previous app version, and measure task success rate for signing up for an account, utilizing the job boards, and connecting with other designers

Measuring success: Compare whether the number of downloads have increased from the previous app version, and measure task success rate for signing up for an account, utilizing the job boards, and connecting with other designers