PROJECT IN 1 MIN
DESIGN PROCESS
End-to-end design process

Overall, I was able to practice my UX and UI skills by creating an end-to-end product following the double diamond design process.

  • Facilitator: I took the initiative to start, motivate teammates to collaborate remotely, and keep the team on schedule.
  • UX Researcher: I was able to move the team forward by proposing using affinity maps and storyboards to refine our problem space.
  • Product designer: I worked with another designer to lead the iterative design process & make major final decisions for the pitch.
  • Visual Design: I challeged myself to redesign some of the UI after the project was done.
double diamond
USER RESEARCH
Understand the problem through contextual research

1. Secondary research on the community

"How might we adapt to new contexts for learning and work? " With the general problem statement, we observed online communities.

community research

2. Primary research on our target users

Knowing the general situation, we first sent out a survey to gather quantitative data about how the student community were dealing with the situations.

survey data

Then we performed interviews to get qualitative data by investigating students' job hunting experience specifically.

survey data
PERSONAS
Target users' needs were on a balance

As the team was discussing the potential stakeholders involved in the general job hunting process. One designer proposed that we haven’t heard much from the recruiters side, which was also critical for the success of job hunting. Upon hearing that, I quickly did some online research and worked with the other designer to create the recruiter persona.

The need of students and recruiters were actually on the two ends of a balance:

  • student applicants need to showcase their skillsets
  • recruiters need to see how those showcases fit for the positions.
persona
OPPORTUNITY
Spot design opportunities via affinity maps based on pain points

For the scope of the project, we chose to focus on the students’ needs while keeping recruiters’ needs in mind.

At first, the team was a bit lost on where to go next. I proposed that we can use an affinity map to organize info. And through the affinity map I made, we were able to narrow down 3 main pain points:

painpoint-opportunity
COMPETITOR ANALYSIS
Lack of a platform that fully caters students' needs

In order to find out more about our 3 painpoints, we took a look at some competitor products to see how/if they were solving for these issues.

By analyzing the 4 aspects that users concerned the most from the research, we realized that each area had its own competitive products that fulfill a specific need. However, there was a lack of a more multifunctional platform that was targeted for students job seekers. The opportunity area is to efficiently and directly present a more well-rounded skill sets of students to the recruiters.

Competitor analysis also helped refined our scope by identifying:

  • the market limitation imposed by the downturn in the economy.
  • it was a universal concern for students with or without the pandemic.
competitoranalysis
The logo sizes represent the share differences they occupied in the market
SOLUTION OVERALL
Connect & grow through Bluum

Long story short, there are 4 features within the app that try to help students network and grow their skills.

solution-debrief-left
solution-debrief-right
ITERATION & DEVELOPMENT
"Test early, test often"

To validate our design, we started our tesing very early on and made informed design decision on the each iteration.

iterations
3 MAJOR USER FLOWS WITH ITERATIONS
1. Iniviting onboard experience

With deeper understanding of Design Guideline and usability heuristics, I've decided to challenge myself to redesign the screens and practice my prototyping skills.

➡️ My redesign goal was also to create an exciting and enduring user experience through visceral, behavioral and reflective emotional design.

First of all, I chose the onboarding user flow:

Making the first time user journey as seamless and inviting as possible is essential for user retention.

Taking the advantage of aesthetic-usability effect and UI motion tips, I aimed to ease students’ anxiety through vivid color and microinteractions that established the vibe and created a more personalized experience to engage users and👉

onboarding



What has changed?

01. Navigation bar alone went through different iterations. During wireframe testing, we found that: People care more about project management than profile

decisions
decisions


02. After the project was done, I aimed to polish the visual design of the navbar by improving the usability & accessibility.

nav-redesign


03. Moreover, I also redesigned the home screen for readability, consistent vibe and personalization.

home-redesign
2. Create project in a few clicks


There are 2 ways to create a new project:

  1. users customize project name, description, roles and deadlines.
  2. create with "recruiter picked" prompt that recruiters from top companies have provided.

To create own project, students just need to filling out the process step by step and fill out the just right amount of information to get started.

For recruiter picked prompt, they browse the pre-categorized projects based on companies or select filter to choose different positions.

createproject



What has changed?

01. As project creation is an important part of the app, we got invaluable feedback from our users during wireframe testing: Encourage collaboration among diverse skillsets in the project experience

decisions
decisions



02. To create customized projects, I aimed to reduce users' cognitive load physically and visually.

createproject



03. To create projects from template provided by top companies, I aimed to follow users' main goal coming to this platform, which focus more on companies and less on specific job title (different companies might call similar positions with different job titles).

createproject


createproject
3. Project management page that motivates & informs users

To minimize user's memory load, we designed a color coded system help users recognize the project status.

  • Yellow: Finished -> the feeling of triumph
  • Purple: Work in Progress -> keep calm and focus on doing great work
  • Pink: Recruiting -> not yet started but soon!

In my redesign, I aimed to take advantage of the ownership effect, encouraging users to mark and track their achievements and progress through sessions.

project management


project management


RESULTS & FUTURE
Loved by users

On a scale from 1 to 10, interviewees would likely recommend the app to a friend with an average score of 8.6.

feedback
The sustainable goal

Even though the project started during pandemic, our solid research on users and market suggested that the need of skill improvement and networking persists regardless. We took the business development perspective into consideration when ideated for solutions and we tried not to limit ourselves under the scope of pandemic only.

For future investigation, more researches on the recruiters side could be done to better cater the product for a win-win situation.

TAKEAWAYS
Design visuals for user needs & experience
Design is not just about looking pretty following the guideline, but, more importantly, to address people' need by creating delightful and enduring experience.
Find root causes behind the emotions
In both survey and interview, many students had expressed their emotional stress related to pandemic. It turned out that many groups had explored the idea of relaxing and alleviating mental stress. But our team studied deeper and figured the root causes for such emotional unease was because of the cancellation of their internships and that they feel unqualified due to lack of connections and experience. Taking advantage of spotting the right problem and ideating various ideas, our project stood out.
Embrace uncertainty and justify changes
As shown in the iterative design process, our design has gone through several versions and sometimes the content/function of the pages has completely changed. As a team, we discussed those uncertainties carefully while keeping the user need in mind. With reasonable justification and testing, we made improvements.