BoAt
UI/UX Design
A customizable companion application for boAt smartwatches
Project vision — Revamp boAt app: seamless, integrated, delightful, now smarter with a sleek interface and smartwatch synergy.
The project is an opportunity to improve boAt’s mobile app (with smartwatch as enabler) experience through seamless performance, integration and higher engagement. By improving key elements (such as content, navigation structure and visual aesthetics), along with adding new complementary features, we have strived to improve its app functionality, usability, and create delights—allowing them to deliver a best-in-class experience.
Improved UX
Improve user experience with easy discoverability and seamless performance across multiple platforms
Thoughtfully design brand guidelines to elicit an emotional connection with users.
Update visual language
Ease functional usage, navigation and accessibility. Also, streamline content.
Add more features
Skip ahead to see the details.
Not a rebrand, a
facelift
Because sometimes, even software needs a fresh coat of pixels!
Colors
Light Red
Medium Red
Bright Red
Primary Red
#ED1C24
C 0% M 82% Y 79% K 7%
#03C28A
C 75% M 0% Y 22% K 24%
#083DC9
C 76% M 55% Y 0% K 21%
#00C0C0C
C 0% M 0% Y 0% K 95%
#F14950
#F8A4A7
#094BFA
#6B92FB
#1F1F20
#333333
#666666
#CCCCCC
#FAD0D2
Light Green
Medium Green
Primary Green
Green 600
Light Blue
Background
Neutral 700
Neutral 600
Neutral 500
Neutral
Medium Blue
Primary Blue
Dark Blue
Typography
Metropolis
AaBbCcDdEe
AaBbCcDdEe
AaBbCcDdEe
AaBbCcDdEe
Heading 1
Subheading 1
Body 1
Caption
Font size: 32px
Font size: 20px
Font size: 16px
Font size: 11px
Vitals
Vitals
Activities outline
Connectivity
Essentials
16 x 16 icons
Social
With the fundamentals out of the way,
let’s dive into the exciting part.
How can we improve discoverability of features, for personalised and seamless user journeys?
FEEDS &
LEADER-
BOARD
SIGN UP TO
RECORD & TRACK
YOUR
FITNESS
CHOOSE
YOUR
GOALS
CHOOSE
YOUR
STYLE
COMPARE &
COMPETE YOUR
STATISTICS
SETTINGS
01
ONBOARDING
FITNESS
02
03
WATCH STUDIO
WATCH UI
04
COMMUNITY
05
06
PROFILE
07
SETTINGS
