2024/02/12
Work was a bit of a whirlwind today. Sharon, our new client, hit us up about a total rebrand, and they needed those Instagram promos with the new logo asap. The catch? No luck finding the original source files. What could've been a quick fix turned into a bit of a scavenger hunt.
I totally get where Sharon's coming from, but why didn't they just shoot a message to the old motion guy? Guess it’s hard when you’re rushing to meet deadlines... honestly, I get it...
My new year’s resolution was that I wanted to be more tender towards myself and others around me... so I hit up this meditation. Spent the first twenty minutes feeling like I was clearing out mental clutter, but surprisingly, the last two were all calm. Even got a 25% flow state on the device. Thinking maybe a longer session next time.
But hey, on the bright side, my sis and I made a cool decision to snag her wedding rings at the Distillery. Major excitement for her big day – my girl is tying the knot! <333
Clearing that mental space really did wonders. Now, off to give my sister a shout and ride this positive wave. 🌊
So far, you’ve meditated
1054 min
History
Brain
Heart
Journal
Save
“If we look at a situation long enough through the lens of meditation and journaling, we might be able to shift our perspective on it,”
Michelle Dalbec
Home
Explore
History
Profile
2024/02/12
Work was a bit of a whirlwind. Sharon, our new client, hit us up about a total rebrand, and they needed those Instagram promos with the new logo asap. The catch? No luck finding the original source files. What could've been a quick fix turned into a bit of a scavenger hunt.
I totally get where Sharon's coming from, but why didn't they just shoot a message to the old motion guy? Guess it’s hard when you’re rushing to meet deadlines... honestly, I get it...
My new year’s resolution was that I wanted to be more tender towards myself and others around me... so I hit up this meditation. Spent the first twenty minutes feeling like I was clearing out mental clutter, but surprisingly, the last two were all calm. Even got a 25% flow state on the device. Thinking maybe a longer session next time.
But hey, on the bright side, my sis and I made a cool decision to snag her wedding rings at the Distillery. Major excitement for her big day – my girl is tying the knot! <333
Clearing that mental space really did wonders. Now, off to give my sister a shout and ride this positive wave. 🌊
Needed this pause (,:
Save
Brain
Heart
Journal
“Your subconscious mind is trying to help you all the time. That’s why I keep a journal – for the images that flow into the mind or little ideas.”
— Jim Harrison
9:41
Users commented that this History CTA was visually similar to an an ad pop-up.
The contrast of a white bubble on black was too harsh, especially coming from a calm, relaxed state of mind
Our BrainStation TA taught us that when copy runs past three lines, it’s better to left justify for readability.
2024/02/12
Work was a bit of a whirlwind. Sharon, our new client, hit us up about a total rebrand, and they needed those Instagram promos with the new logo asap. The catch? No luck finding the original source files. What could've been a quick fix turned into a bit of a scavenger hunt.
I totally get where Sharon's coming from, but why didn't they just shoot a message to the old motion guy? Guess it’s hard when you’re rushing to meet deadlines... honestly, I get it...
My new year’s resolution was that I wanted to be more tender towards myself and others around me... so I hit up this meditation. Spent the first twenty minutes feeling like I was clearing out mental clutter, but surprisingly, the last two were all calm. Even got a 25% flow state on the device. Thinking maybe a longer session next time.
But hey, on the bright side, my sis and I made a cool decision to snag her wedding rings at the Distillery. Major excitement for her big day – my girl is tying the knot! <333
Clearing that mental space really did wonders. Now, off to give my sister a shout and ride this positive wave. 🌊
Needed this pause (,:
Show Progress
Brain
Heart
Journal
“Your subconscious mind is trying to help you all the time. That’s why I keep a journal – for the images that flow into the mind or little ideas.”
— Jim Harrison
Journal Saved
Ok
Reduced contrast with a dark mode bubble
History CTA has been changed to “Show Progress”
after journal is saved
be ng
Device Paired
Continue with Google
Create a new account
Elevate your mindfulness with real-time insights, guided by your own biorhythm
9:41
Being
Your settings and data will be accessible from ‘Being’ when connected wirelessly.
Connect
Users felt this was
less relevant than
seeing where they were in their lesson plan
Users felt it was strange to include Device Settings on Home Screen
Moved Device Pairing to Login Screen...
and added Device Settings icon to Home
Moved Likes & Playlists to bottom of scroll and added lesson marker
Speaking of user testing...
Two rounds of user tests were conducted at BrainStation Toronto, with 5 users per test. Among the above feedback for Biometrics Screens, other changes were recommended by users.
The following are the major iterations that followed testing.
design prioritization matrix
user
value
high
low
low
high
effort
Feedback
Separate Brain & Heart Biometric Data Feedback screen after meditation feels too condensed and is difficult to read
Feedback
The Meaning of ‘Flow State’ in Biometric Feedback is not clear to users and needs clarification
Feedback
My Likes and Playlists on Home screen momentary causes confusion to new users because they look like filter pills
Low Hanging Fruit
Users want to move back and forth
from Feedback & History for easy navigation
Low Hanging Fruit
Heart, Plus, More Buttons are confusing and are too close together on the meditation cards
Feedback
Emotion Radio Buttons could be added to the Journal interface, so users are easily able to track their moods across time
Low Hanging Fruit
Journal interface
should evoke softness and emotionality, instead of its current hard & technical design style
Feedback
Bluetooth modal is too small and users need a clearer indication after they’ve turned it on
Feedback
Search > Tenderness Screen ends abruptly
One user commented that they would like to see a gentler end to the screen instead of only a list of Instructors.
Feedback
Add Time Duration
in Stats Summary in Feedback History, which users could use to see progress within different blocks of time
This tool helps teams assess and rank design features based on effort and user value, facilitating informed decision-making in product development.
be ng
Elevate your mindfulness with real-time insights, guided by your own
biorhythm.
Logo - DM Sans / Bold
The quick brown fox jumps over the lazy dog
Copy Text - Jaldi / Regular
Then, I crated an 8-grid specimen to lay out the visual language of Being. This includes the color palette, logo, as well as text and icon style.
If Being was developed, this would make it easier for fellow designers to come into the fold.
#393433
#5C5553
#E5DFD3
#665849
#9E9292
#181716
#000000
#B9BAB6
Now,
brand development
After finessing the lofi wireframes, it was time to set the mood for Being.
Influenced by classy, millennial-forward meditation apps such as Open and Endel, I created a moodboard that embodied a hushed, ethereal ambience.
#492828
#0F0F0F
#1C251F
#304537
#A58A56
#E5E5E5
noetic
hushed
ethereal
cozy
Being
https://www.onbeing.com
website icon
Being
be ng
logo
wordmark
being
elements
DM Sans / Bold
Felt Light by Snarkitecture
Light fixtures made by stacking
layers of thick wool felt
Inspired by the idea of brainwaves and heartbeat emanating as vibrations
atman : a sanskrit
word that means the
innermost self, spirit or soul, the essence of an individual
Jungian scheme of the psyche
ego: our personal sense of self
biorhythm
decided to go with this one!
VIEW FULL DESIGN SYSTEM
design system
With branding and colors complete, it was time to create a design system (UI Library) for other designers to be able to onboard easily. For a preview, see below:
32
The UI and brand color for Being is a combination of deep, earthy tones and subtle pinks & greens.
This color palette evokes a hushed coziness through its muted tones.
Primary brand colour (Containers, CTA’s, Background)
Secondary brand color used to highlight important information (Nav Bar Selected)
Paragraph Text, Header Underlines
Containers, Input Fields, Navigation Unselected
Error: Success, Information, Warning
#393433
#181716
#000000
#B5A492
#B9BAB6
#181716
#915143
#9E9292
#2A2727
#6D8F5D
#5C5553
#E5DFD3
#393433
#9A8D56
#453F3D
#E5E5E5
Primary
Accents
Functional
Neutrals
Semantic / Feedback
This hi-fi was completed on 01.2024. Extra care was given to ensure this app wouldn’t be overwhelming after opening your eyes after meditation. It was checked in dark environments (rooms, car interior) during iteration.
how would being be marketed?
I created a marketing site to share the possibilities of Being. This site includes highlighted features, as well as different pricing models and user testimonials.
THU 15
PUT ON YOUR DEVICE
3
THICH NHAT HANH
THU 15
TENDERNESS
& COMPASSION
THU 15
37%
MIN
5
1
THICH NHAT
HANH
63BPM
One of the ways that I thought Being could be offered was as a subscription service, using smartwatches to measure biometrics.
At the moment, smartwatches can only be used for heartrate measurements, but I’m holding out hope for future innovations. (;
what does being look like on a smartwatch?
Beyond the app
Thank you for reading...
Want to work with me or just learn more about meditation?
Reach me through email, linkedin or say hi through instagram
Is there a way that I can make my app even more accessible to beginners?
Theoretically, I could allow users to access their own Spotify playlists and simplify the feedback screens or increase interactivity. This could reinforce the idea that meditation can be fun, and scientific!
What would it look like if Being was used at scale? Devices from competitors such Muse and Core suffer from constant updates or desynchronizing (I have both!).
What kind of technical issues will I need to solve?
Future thinking
product designer / joan chung