Uncloud

Tack mood, reflect, and find career fulfillment. Unleash the power of your emotions to chart a fulfilling career path.

Deliverable:

Web design

Role:

UXUI Design Lead

Team:

1 PM, 2 UX Designers, 2 Developers

Timeline:

March - June 2024

Website link:

Tools used:

Figma, Photoshop, and Illustrator

Uncloud

Tack mood, reflect, and find career fulfillment. Unleash the power of your emotions to chart a fulfilling career path.

Deliverable:

Web Design

Role:

UXUI Design Lead

Team:

1 PM, 2 UX Designers, 2 Developers

Timeline:

March - June 2024

Website link:

Tools used:

Figma and Adobe creative suite

Figma, Photoshop, and Illustrator

Figma, Photoshop, and Illustrator

Hero Image of Uncloud Dashboard

📋 Context

Life's demands can overwhelm, making it easy to lose touch with our emotions amidst the daily grind.

This disconnect can lead to a decline in mental well-being, impacting our personal and professional lives.

Image of Person's Emotions
Image of Person's Emotions

In my role as a UX Design Lead, I championed a user-centric brand identity. Through research, ideation workshops, and cross-functional collaboration, I ensured our brand met user needs and resulted in innovative solutions. My focus on accessibility and usability testing guarantees a user-friendly experience aligned with our marketing goals.

Problem

How might we help individuals discover and navigate clear career paths?

Statistics echoed the user sentiment. The data confirmed our hypothesis: the job search was not just a professional hurdle, but an emotional marathon.

Image of Statistics on Problem Space
Image of Statistics on Problem Space

💡 Solution

Supporting career path clarity through a focus on emotions and self-reflection.

UnCloud is a free mood-tracking platform that uses weather to help career seekers navigate their professional journeys by understanding and reflecting on their emotions. You can create a record of your day, including your mood, wins, and thoughts.

✨ Outcome

Uncloud was successfully launched in June 2024!

Initial outcome of UnCloud with yielded positive results. 80% of participants found the platform easy to navigate and appreciated its focus on self-awareness. 

Image of Outcome
Image of Outcome
Image of Outcome

💪 Challenges

Overcoming design hurdles: from biases to breakthroughs

Here are some challenges we faced during our product development.


  • Bridging the Gap: Early in the process, internal biases skewed our initial assumptions. To bridge this gap, I led in-depth user surveys that unearthed valuable insights. This user research challenged our internal assumptions and ensured the final product resonated with what users truly needed.


  • Prioritization Under Pressure: With a tight 3-month launch deadline, user interviews were crucial. By prioritizing features based on user needs, we focused on building a strong Minimum Viable Product (MVP) that could be iterated upon later.


  • Maintaining Momentum: Scheduling constraints caused a temporary delay in design deliverables. To address this, we implemented agile communication with the development team. Constant dialogue ensured we could effectively prioritize functionalities and maintain a smooth development flow despite the setback.

👤User Research

To gain a deeper understanding of user struggles, we bypassed initial assumptions and went directly to the source: our users.

We conducted a survey involving 28 participants to identify their specific pain points. The findings from user interviews and surveys revealed a stark reality: job seekers were not only dealing with a skills gap but also grappling with stress, anxiety, and diminished self-confidence.

Doubt and imposter syndrome


Users experience feelings of self-doubt and question their abilities to succeed in their desired careers.

A 2021 study by the Journal of Vocational Behavior found a concerning trend: job seekers' confidence in their skills declines the longer they search for a job

Stress and mental health


The job search process can be stressful, leading to negative impacts on mental health. Users might experience anxiety, depression, or burnout.

60

50

40

30

20

10

0

Impacted

Mental Health

Not Impacted

2023 iHire survey: 53.2% job seekers experienced negative mental health impacts.

2022 Healthline: unemployed individuals experienced 28% higher depressive symptom scores

Emotional Impact of Job Search:


The constant rejection and uncertainty of the job search can be dehumanizing and demotivating.

I don’t want to get rejected again.”

"This job search is killing me! All this rejection, the constant pressure - it's messing with my head.”

Image of User Research

📚 Market Research

To understand the existing options, I conducted a market analysis of available mood trackers.

The market boasts a plethora of mood tracking applications. These platforms, however, primarily focus on general well-being, neglecting the specific emotional journey of career exploration.

Image of Competitive Analysis

We analyzed Daylio, DailyBean, and the 5 Minute Journal for mood tracking. Our study of their UIs and features revealed a trend: each app focuses primarily on either mood tracking or reflective journaling, but not both. When one feature is well-developed, the other tends to be lacking.

Image of Competitive (UI) Audit of Exisiting Products
Image of Competitive (UI) Audit of Exisiting Products

This competitive analysis informed our development of UnCloud. Unlike traditional career platforms that use static personality assessments, UnCloud captures the dynamic interplay of emotions in career decision-making, letting users record their moods, wins, and thoughts each day.

💁‍♀️Persona

We created the persona to address the emotional and practical challenges faced by career explorers.

Understanding and empathizing with user pain points is crucial in empowering individuals during their confusing times of career exploration.

Image of Perona Sarah Smith

🚀 Design process

Let's get into the nitty-gritty- let's delve into the creative process.

By conducting in-depth research, including interviews and surveys, we uncovered significant emotional and career-related hurdles. This informed the creation of essential tools like mood tracking and reflection prompts, aimed at empowering users to gain insight into their emotions and make informed career decisions.

🔥Feature prioritization

We identified a market gap: a shortage of tools tailored for navigating the emotional complexities of career exploration.

To meet this demand, UnCloud focuses on three key features: Weather based mood tracking, personalized journaling prompts, and statics that provides user insights

Track Your Work Mood

Easily record your daily work mood using our user-friendly mood logging page.

Easily record your daily work mood using our user-friendly mood logging page.

Mood-matched prompts

Based on your selected mood, our platform pulls from a curated library of emotion-specific reflection prompts.

Insights

Gain personalized insights into your emotional journey to understand your challenges.

📈 User flow

To ensure a seamless user experience, we created a user flow outlining the key steps involved in navigating Uncloud.

User flow in UnCloud is designed to be intuitive and seamless, guiding users through the process of tracking their moods, reflecting on their career journeys, and seeing progress.

Image of User Flow
Image of User Flow
Image of User Flow

☁️ Branding

After finalizing the platform's user flow, I led the branding efforts for UnCloud.

UnCloud uses weather metaphors to capture the emotional highs and lows of career exploration. This approach fosters deeper introspection by linking emotions with career choices, where "sunny days" represent confidence and positive decisions, while "stormy days" symbolize stress and job search challenges.

  • Rainbow

    Proud

  • Sunny

    Confident

  • Cloudy

    Uncertain

  • Rainy

    Disappointed

  • Stormy

    Stressed

Rainbow

Proud

Sunny

Confident

Cloudy

Uncertain

Rainy

Disappointed

Stormy

Stressed

Rainbow

Proud

Sunny

Confident

Cloudy

Uncertain

Rainy

Disappointed

Stormy

Stressed

After conducting extensive research I selected five weather-based emotions to capture key experiences in career journeys, ensuring the metaphor is intuitive and impactful.

Image of Different Types of Moods
Image of Different Types of Moods

Once I selected the emotions, I sketched out ideas for each. During competitive analysis, I noticed most mood trackers used standard shapes with color or facial expression variations. Inspired by this and our name, UnCloud, I decided to emphasize clouds in our design.

Image of Icon Sketches

📐 Wireframes

Our early designs were heavily inspired by mobile UIs, reflecting the prevalence of mobile mood trackers in the market.

Recognizing this bias, I researched further and shifted to a website dashboard layout as a more suitable approach. Initially, we chose a web app, believing it would stand out against influx of mood trackers in the market and be useful for assessing career reflection prompts on a computer when revaluation one's career.

Image of Early Designs
Image of Early Designs
Image of Early Designs

📝 Usability Testing

Our design team validated design direction and uncovered future enhancements.

Process: We recruited seven individuals at different career stages to test our high-fidelity designs. We assessed user feedback on navigation ease, relatability, and design resonance.


Results: Our user study showed clear navigation (7/7 success) and (7/7) appreciation for the design elements of the website. However, a common issue emerged: users found it challenging to understand how to start logging their moods.

Video of User Testing
Video of User Testing
Video of User Testing

Future Enhancements: Additionally, the study highlighted the benefits of prioritizing a mobile design next, as well as enhancing customization options with more icons for users. Participants also noted issues with clutter in the left navigation and the mini-calendar losing functionality outside of the calendar view, which we aim to improve in our next iteration.

Image of User Quotes

🔄 Design Iteration 1

Emphasizing an app-like UI initially was limiting because our primary target was a website platform.

This format didn't optimize for the larger screen real estate and different interaction patterns typical of web environments.

Image of Design Iteration 1: Home page
Image of Design Iteration 1: Home page

Before

We chose a web platform to stand out among mood trackers and to aid in reflection on a computer when revaluating one's career . However, this was not reflected in the initial app-like wireframe.

After

The redesign now features a dashboard-style layout, with a large central calendar for primary navigation. On the left, a mini calendar facilitates easy month-to-month navigation for an overview, while the right sidebar displays the user's mood and reflections for the selected date.

🔄 Design Iteration 2

User testing showed that users were unsure of what to do when they first visited our website.

Four out of seven users commented, "When I first entered the website, I wasn't sure where to start or what to do next."

Image of Design Iteration 2: First Entry
Image of Design Iteration 2: First Entry

Before

After signing up, although users were able to figure it out, they were unsure of where to begin. It took them a moment. This made us realize we needed some kind of indication.

After

We added a popup notification to guide users on where to begin.

🔄 Design Iteration 3

Initially, we wanted more features for reflections, with tools appearing on your screen based on the emotion you chose for that day.

However, this proved infeasible within our timeline, and user testing revealed that people felt overwhelmed by the numerous options.

Image of Design Iteration 3: Reflections
Image of Design Iteration 3: Reflections

Before

Initially, we imagined a tree-design UI that allowed for outlining sequential tasks, incorporating features such as goal-setting and motivational quotes.

After

After conducting a user survey, we streamlined our focus to include only reflection and mood tracking, as these were identified as the two main features users wanted to prioritize.

Taking the user feedback into note, they now only have the option to record either three wins of the day, or both.

🔍 Final Design

After extensive research, design work, and user testing, here is the finalized design of our website features.

Early user feedback indicated that Uncloud's interface resembled a mobile app and emphasized features over usability as a dashboard web design. In response, we conducted iterative design enhancements informed by user testing data. These efforts streamlined features, enhanced user experience, and introduced innovative components and refined interactions, all aimed at reinforcing Uncloud's core value proposition.

  • Capture Your Emotions: Reflect and Grow

    Need help to make sense of your daily ups and downs? Our app helps you track your feelings, offering insightful prompts that turn your reflections into a powerful tool for personal growth. Dive into your emotional journey and see how capturing your moods can lead to a more fulfilling career path.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Celebrate Success: Highlight Your Daily Achievements

    Feeling like your hard work goes unnoticed? Our app lets you spotlight your daily wins, no matter how small, and helps you stay motivated. Celebrate your achievements each day and see how recognizing your successes can drive your career forward.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Empowered Reflection: Personalized Prompts for You

    Stuck in a career rut? Generic reflection prompts can be unhelpful and confusing. Our app takes it up a notch with personalized career reflection prompts designed to match your mood.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Refresh Prompts: Tailored Questions Just for You

    On the Daily page, you can see your wins of the day and reflections in detail, providing a comprehensive overview of your achievements and thoughts. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Capture Your Emotions: Reflect and Grow

    Need help to make sense of your daily ups and downs? Our app helps you track your feelings, offering insightful prompts that turn your reflections into a powerful tool for personal growth. Dive into your emotional journey and see how capturing your moods can lead to a more fulfilling career path.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Celebrate Success: Highlight Your Daily Achievements

    Feeling like your hard work goes unnoticed? Our app lets you spotlight your daily wins, no matter how small, and helps you stay motivated. Celebrate your achievements each day and see how recognizing your successes can drive your career forward.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Empowered Reflection: Personalized Prompts for You

    Stuck in a career rut? Generic reflection prompts can be unhelpful and confusing. Our app takes it up a notch with personalized career reflection prompts designed to match your mood.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Refresh Prompts: Tailored Questions Just for You

    On the Daily page, you can see your wins of the day and reflections in detail, providing a comprehensive overview of your achievements and thoughts. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Capture Your Emotions: Reflect and Grow

    Need help to make sense of your daily ups and downs? Our app helps you track your feelings, offering insightful prompts that turn your reflections into a powerful tool for personal growth. Dive into your emotional journey and see how capturing your moods can lead to a more fulfilling career path.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Celebrate Success: Highlight Your Daily Achievements

    Feeling like your hard work goes unnoticed? Our app lets you spotlight your daily wins, no matter how small, and helps you stay motivated. Celebrate your achievements each day and see how recognizing your successes can drive your career forward.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Empowered Reflection: Personalized Prompts for You

    Stuck in a career rut? Generic reflection prompts can be unhelpful and confusing. Our app takes it up a notch with personalized career reflection prompts designed to match your mood.

    Log mood

    Wins of the day

    Reflection

    Prompt change

  • Refresh Prompts: Tailored Questions Just for You

    On the Daily page, you can see your wins of the day and reflections in detail, providing a comprehensive overview of your achievements and thoughts. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

    Log mood

    Wins of the day

    Reflection

    Prompt change

Summary page

Summary page

The Summary page allows you to see a history of your moods and reflections, and you can also filter this section by a specific mood to gain deeper insights and track your progress more effectively.

The Summary page allows you to see a history of your moods and reflections, and you can also filter this section by a specific mood to gain deeper insights and track your progress more effectively.

Summary page

12

May

Cloudy

Uncertain

13

May

Rainy

Sad

14

May

Cloudy

Uncertain

Daily page

Daily page

In the daily view section, users can see their wins of the day and detailed reflections. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

In the daily view section, users can see their wins of the day and detailed reflections. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

Back

May 25, 2024

Sunny . Confident

My Wins

Summary page

The Summary page allows you to see a history of your moods and reflections, and you can also filter this section by a specific mood to gain deeper insights and track your progress more effectively.

Summary page

12

May

Cloudy

Uncertain

13

May

Rainy

Sad

14

May

Cloudy

Uncertain

15

May

Sunny

Confident

17

May

Rainbow

Motivated

18

May

Stormy

Stressed

19

May

Cloudy

Uncertain

Prev

1

2

3

...

5

Next

Daily page

In the daily view section, users can see their wins of the day and detailed reflections. Additionally, you can favorite your reflections within the Daily page by selecting the desired reflection log.

Back

May 25, 2024

Sunny . Confident

My Wins

My Wins

I made a resume today

I read 3 chapters

I updated my LinkedIn

Reflections (4)

What activities tend to drain me mentally and emotionally? Why?

How will my ideal career differ

from my previous job?

What’s inspiring me to switch my career?

🏆 Next Steps

Although this MVP has concluded, we aim to leverage insights gained to enhance future iterations.

Key focus areas include:


  • Mobile Version Development: Enhancing journaling accessibility with a seamless mobile experience.


  • Icon Customization: Introducing more icons for enhanced user personalization.


  • Left Side Navigation Bar Redesign: Addressing clutter issues and improving mini-calendar functionality outside of the calendar view.

💖 Reflection

Embracing an iterative design process by continually refining designs based on feedback.

Working as the design lead for UnCloud was a fantastic experience, especially creating graphics and icons for the platform—I had a lot of fun with that aspect of the project. Embracing an iterative design process by continually refining designs based on feedback was crucial. Looking back, I believe involving users earlier would have been beneficial, as their insights could have guided our design decisions more effectively. Additionally, better communication among team members from the beginning would have streamlined our workflow and collaboration.


Through iterative design improvements based on user feedback, we successfully transformed UnCloud's interface into a more intuitive and user-friendly platform. The journey taught me valuable lessons in design leadership and teamwork, and I am excited about the positive impact our efforts will have on users.

PREV

NEXT

PREV

NEXT

PREV

NEXT

Thanks for stopping by, let's chat!

LET'S CONNECT

©2024 KATIE CHOI

All rights reserved.

Thanks for stopping by, let's chat!

LET'S CONNECT

©2024 KATIE CHOI

All rights reserved.

Thanks for stopping by, let's chat!

LET'S CONNECT

©2024 KATIE CHOI

All rights reserved.