Jonathan Van Gils
Case study ยท Candle

A Self-Care app customized to you.

Candle app hero screens

Whether you want to learn new self-care techniques or hold yourself accountable to new ones, it can be hard to stay current with treating yourself right due to the fast paced nature of today's world. Candle is a go-to resource for self-care resources such as Mindfulness, Exercise, Journaling, and Relaxation.

Role
User research, UX and UI design, Wireframing, Prototyping
Timeline
Not specified in source materials
Tools
Figma, Adobe Illustrator, Discord, OBS

The challenge

User need

It can be hard to stay current with treating yourself right due to the fast paced nature of today's world.

Product need

Candle offers personalized self-care journeys initiated with a simple onboarding process utilizing guided surveys.

The approach

How might we help people build lasting self-care habits despite the fast pace of modern life?

Key insights

Findings from in-person and virtual user interviews conducted via Discord.

  1. 5 of 6 participants explained they had a hard time finding time to actualize their self care.

  2. Popular categories of self-care included skin care, self-reflection, yoga, and mindfulness.

  3. Interviewees were interested in how to build better discipline and space for their self care.

  4. The desire to track and log self-care in order to structure and hold oneself accountable was expressed by several.

Process & iterations

Observing and iterating: research, brainstorming, and creative design.

Competitive analysis

In addition to interviewing users, I did competitive analysis via the SWOT method to break down what made some similar apps available, and what we could do differently.

Calm

  • Meditations
  • Sleep stories
  • In house library of media
  • Subscriptions offered
  • Could offer more range of premium subscription
  • Lacking free resources

Finch

  • Gamified
  • Personal experience
  • Utilizing cute avatars
  • No trial option

Headspace

  • Relaxation based
  • Name recognized content creators in house
  • Subscriptions
  • No workshops or community aspect
  • UI could be improved

Shine

  • Community focused
  • Network of mentors
  • Includes mental health focuses
  • Limited free access
  • Smaller "bite sized" lessons could be added

Brainstorming

I approached brainstorming from two perspectives — gathering inspiration to formulate an aesthetic for the look and feel, and sketching and storyboarding various journeys that users could take utilizing the app.

Candle moodboard
Moodboard gathering inspiration for Candle's look and feel.
Sketches and storyboard of user journeys
Early sketches and storyboarding of the user journeys.

Low-fidelity wireframes

I created low fidelity wireframes of the flows I wanted to highlight based on my user research and competitive analysis.

Candle low-fidelity wireframes, set 1
Low-fidelity wireframes, onboarding and home flows.
Candle low-fidelity wireframes, set 2
Low-fidelity wireframes, self-care journey flows.

Colors

I utilized colors that invoked a sense of calm. I leaned towards pastels and muted tones, while using colors that still instilled an energizing quality to the app.

Candle color palette exploration 1
Palette exploration, round 1.
Candle color palette exploration 2
Palette exploration, round 2.
Candle final color palette
Final palette selected for the Candle brand.

Typography

I went with DM Sans, wanting to lean into an assertive but versatile font style that could anchor the entire Candle experience.

Candle typography specimen, DM Sans
DM Sans typography specimen for Candle.

Logo

The logo for Candle was inspired by the unalome, an ancient symbol which represents the path to enlightenment. I reimagined the unalome in a simplified manner and added my own touch to it. All my sketching and composing of the logo was done in Adobe Illustrator.

Candle logo exploration
Logo exploration, based on the unalome symbol.

Testing & outcomes

Actualization: prototyping and testing with real users.

Prototype

Utilizing my user research, wireframes, and branding, I created an initial prototype highlighting two user flows to test with users.

Candle prototype screens
Initial prototype, highlighting two user flows.

User testing

Via Discord, Figma, and OBS, I monitored and recorded users as they navigated the initial prototype for Candle.

Candle user testing session, screen 1
User testing session, recorded via Discord and OBS.
Candle user testing session, screen 2
User testing session, moderated walkthrough.
Candle user testing session, screen 3
User testing session, onboarding flow.
Candle user testing session, screen 4
User testing session, self-care journey flow.

By the numbers

6
Users interviewed
4
Competitors analyzed
2
Flows prototyped

Reflection

This was my first experience in creating an end to end mobile app and prototype. It gave me valuable experience building interfaces and interactions in Figma, as well as fuel for ideas moving forward.

Candle closing visual
Closing visual for the Candle case study.
Next project

Nucleus

A to-do list that's Pomodoro powered to fuel your focus.