Low Key
Built for the ones off the radar
2 - Depth without complexity
No existing model bridged underground culture and digital community, so the visual and interaction language had to be built from scratch
Creating a full experience that feels rich but stays intuitive and light
1 - Designing for a cultural void
Challenges
The challenge was to understand how underground communities naturally share and communicate, to translate that into an authentic, functional app feature.
4 - Social, but on underground terms
3 - Accessible, not mainstream
Underground scenes have their own slang, and codes of trust. The challenge was to make the app accessible without diluting its raw, authentic feel
Tools - Figma, Procreate
Design process
UX/UI design process for Lowkey was carefully crafted to build an intuitive, engaging platform that makes discovering and connecting with underground culture simple and effortless
Empathise with users
Information Architecture
Wireframing
Lo-Fi Prototyping
Usability Test
Hi-Fi Prototyping
C
o
n
t
e
n
t
s
t
r
u
c
t
u
r
i
n
g
,
s
i
t
e
s
i
t
e
m
a
p
,
u
s
e
r
f
l
o
w
S
k
e
t
c
h
i
n
g
,
i
d
e
a
t
i
n
g
,
w
i
r
e
f
r
a
m
y
i
n
g
i
d
e
a
t
i
n
g
i
n
t
e
r
a
c
t
i
v
i
t
y
T
e
s
t
w
i
t
h
u
s
e
r
s
,
g
a
t
h
e
r
f
e
e
d
b
a
c
k
M
i
c
r
o
I
n
t
e
r
a
c
t
i
o
n
s
,
a
t
t
e
n
t
i
o
n
t
o
d
e
a
t
i
l
Service - Social Discovery App
Role - End to End Designer
Project - LowKey
Research:
the problem
Accessibility
Being deeply involved in underground scenes, I saw first hand how hard it is to access a city’s underground culture without insider connections
35%
the topic
dance
dance
dance
dance
dance
dance
underground
A grassroots community built outside the mainstream, driven by shared values, art, and self-expression
Low Key
Built for the ones off the radar
Tools - Figma, Procreate
Service - Social Discovery App
Role - End to End Designer
Project - LowKey
Low Key
Built for the ones off the radar
Tools - Figma, Procreate
Service - Social Discovery App
Role - End to End Designer
Project - LowKey
2 - Depth without complexity
No existing model bridged underground culture and digital community, so the visual and interaction language had to be built from scratch
Creating a full experience that feels rich but stays intuitive and light
1 - Designing for a cultural void
Challenges
The challenge was to understand how underground communities naturally share and communicate, to translate that into an authentic, functional app feature.
4 - Social, but on underground terms
3 - Accessible, not mainstream
Underground scenes have their own slang, and codes of trust. The challenge was to make the app accessible without diluting its raw, authentic feel
2 - Depth without complexity
No existing model bridged underground culture and digital community, so the visual and interaction language had to be built from scratch
Creating a full experience that feels rich but stays intuitive and light
1 - Designing for a cultural void
Challenges
The challenge was to understand how underground communities naturally share and communicate, to translate that into an authentic, functional app feature.
4 - Social, but on underground terms
3 - Accessible, not mainstream
Underground scenes have their own slang, and codes of trust. The challenge was to make the app accessible without diluting its raw, authentic feel
Research:
the problem
Accessibility
Being deeply involved in underground scenes, I saw first hand how hard it is to access a city’s underground culture without insider connections
35%
the topic
dance
dance
dance
dance
dance
dance
underground
A grassroots community built outside the mainstream, driven by shared values, art, and self-expression
Research:
the problem
Accessibility
Being deeply involved in underground scenes, I saw first hand how hard it is to access a city’s underground culture without insider connections
35%
the topic
dance
dance
dance
dance
dance
dance
underground
A grassroots community built outside the mainstream, driven by shared values, art, and self-expression
Low Fidelity
wireframing
Early wireframes defined the app’s structure and flow, ensuring clarity, intuitive navigation, and full coverage of user needs
Early wireframes defined the app’s structure and flow, ensuring clarity, intuitive navigation, and full coverage of user needs
Low Fidelity
wireframing
Early wireframes defined the app’s structure and flow, ensuring clarity, intuitive navigation, and full coverage of user needs
Low Fidelity
wireframing
Early wireframes defined the app’s structure and flow, ensuring clarity, intuitive navigation, and full coverage of user needs
Low Fidelity
wireframing
Early wireframes defined the app’s structure and flow, ensuring clarity, intuitive navigation, and full coverage of user needs
Low Fidelity
wireframing
click to feel like a user!
