UI/UX
RESEARCH
branding
3d
motion
[Berlin:
13:10:15
]
charles is a conversational commerce platform built around WhatsApp. My work focused on turning product ideas into visual stories for events, campaigns and brand moments.
[Berlin:
13:10:15
]
[Berlin:
13:10:15
]
charles is a conversational commerce platform built around WhatsApp. My work focused on turning product ideas into visual stories for events, campaigns and brand moments.
IDEA
IDEA
IDEA
A non-judgmental tool for people who use substances and need quick, practical support.
A non-judgmental tool for people who use substances and need quick, practical support
PROBLEM
PROBLEM
PROBLEM
Most harm-reduction information is either too clinical, too hidden or too hard to use in the moment.
SOLUTION
SOLUTION
SOLUTION
An app built around simple checks, clear warnings and personal logs: before, during and after a night out.
RESEARCH
RESEARCH
RESEARCH
8 interviews and 70+ survey responses helped define the core user, their risks and the moments where support was most needed.
PERSONA
PERSONA
PERSONA
We built the product around Luca - a nightlife goer who is social, experienced and not looking for judgment. They need fast checks, clear warnings and a way to reflect after the night.
IDEA
A non-judgmental tool for people who use substances and need quick, practical support.
PROBLEM
Most harm-reduction information is either too clinical, too hidden or too hard to use in the moment.
SOLUTION
An app built around simple checks, clear warnings and personal logs: before, during and after a night out.
RESEARCH
8 interviews and 70+ survey responses helped define the core user, their risks and the moments where support was most needed.
PERSONA
We built the product around Luca - a nightlife goer who is social, experienced and not looking for judgment. They need fast checks, clear warnings and a way to reflect after the night.
IDEA
A non-judgmental tool for people who use substances and need quick, practical support.
PROBLEM
Most harm-reduction information is either too clinical, too hidden or too hard to use in the moment.
SOLUTION
An app built around simple checks, clear warnings and personal logs: before, during and after a night out.
RESEARCH
8 interviews and 70+ survey responses helped define the core user, their risks and the moments where support was most needed.
PERSONA
We built the product around Luca - a nightlife goer who is social, experienced and not looking for judgment. They need fast checks, clear warnings and a way to reflect after the night.
CALM
DESIGn
principles
DESIGn
principles
[CALM]
A friendly interface that makes sensitive information feel easier to approach.
[CALM]
A friendly interface that makes sensitive information feel easier to approach.
CALM
DESIGn
principles
[CALM]
A friendly interface that makes sensitive information feel easier to approach.
[CALM]
A friendly interface that makes sensitive information feel easier to approach.
DIRECT
DESIGn
principles
DESIGn
principles
[DIRECT]
Important answers are shown fast, with no digging through long articles.
DIRECT
DESIGn
principles
[DIRECT]
Important answers are shown fast, with no digging through long articles.
NO SHAME
DESIGn
principles
DESIGn
principles
[no shame]
The app supports safer choices without shame, blame or moral tone.
[no shame]
The app supports safer choices without shame, blame or moral tone.
[no shame]
The app supports safer choices without shame, blame or moral tone.
NO SHAME
DESIGn
principles
[no shame]
The app supports safer choices without shame, blame or moral tone.
[no shame]
The app supports safer choices without shame, blame or moral tone.
[no shame]
The app supports safer choices without shame, blame or moral tone.
DESIGN
SYSTEM
A visual system designed to feel calm, direct and non-judgmental.
DESIGN
SYSTEM
DESIGN
SYSTEM
A visual system designed to feel calm, direct and non-judgmental.
DESIGN
SYSTEM
A visual system designed to feel calm,direct and non-judgmental.
Logo design
System colors
APP ICON
Substance category colors
System colors
Substance category colors
Package design
System colors
System colors
Substance category colors
DESIGn
SYSTEM
A visual system designed to feel calm, direct and non-judgmental.
features
features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 1.199 21 C 1.199 21.994 2.006 22.8 3 22.8 L 7.199 22.8 L 7.199 24 L 3 24 C 1.343 24 0 22.657 0 21 L 0 16.8 L 1.199 16.8 Z M 24 21 C 24 22.657 22.657 24 21 24 L 16.8 24 L 16.8 22.8 L 21 22.8 C 21.994 22.8 22.8 21.994 22.8 21 L 22.8 16.8 L 24 16.8 Z M 17.195 15 C 16.158 16.793 14.221 18 12 18 C 9.779 18 7.842 16.793 6.805 15 Z M 12 6 C 15.111 6 17.669 8.368 17.97 11.4 L 21.601 11.4 L 21.601 12.6 L 2.4 12.6 L 2.4 11.4 L 6.03 11.4 C 6.331 8.368 8.889 6 12 6 Z M 7.199 1.199 L 3 1.199 C 2.006 1.199 1.199 2.006 1.199 3 L 1.199 7.199 L 0 7.199 L 0 3 C 0 1.343 1.343 0 3 0 L 7.199 0 Z M 21 0 C 22.657 0 24 1.343 24 3 L 24 7.199 L 22.8 7.199 L 22.8 3 C 22.8 2.006 21.994 1.199 21 1.199 L 16.8 1.199 L 16.8 0 Z" fill="rgb(13, 13, 13)" height="24.000000872802733px" id="zq_kCpjgW" width="24.000000872802733px"/></svg>)
[SCAN]
Recognize pills and substances before taking risks.
[SCAN]
Recognize pills
and substances before
taking risks.
Important answers are shown fast, with no digging through long articles.
features
[SCAN]
Recognize pills
and substances before taking risks.
features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 18 1.199 L 15.6 1.199 L 15.6 6.838 C 15.6 8.086 16.053 9.292 16.875 10.231 L 22.988 17.218 C 23.64 17.963 24 18.92 24 19.91 C 24 22.169 22.169 24 19.91 24 L 4.089 24 C 1.831 24 0 22.169 0 19.91 C 0 18.92 0.36 17.963 1.012 17.218 L 6.6 10.83 L 6.6 10.801 L 6.626 10.801 L 7.124 10.231 C 7.946 9.292 8.399 8.086 8.399 6.838 L 8.399 1.199 L 6 1.199 L 6 0 L 18 0 Z M 9.6 6.838 C 9.6 8.281 9.108 9.677 8.212 10.801 L 15.787 10.801 C 14.891 9.677 14.4 8.281 14.399 6.838 L 14.399 1.199 L 9.6 1.199 Z" fill="rgb(219, 255, 0)" height="24px" id="HJ2pCOwOw" width="24px"/></svg>)
[mix]
Check dangerous combinations quickly in the moment.
[mix]
Check dangerous
combinations quickly
in the moment.
Important answers are shown fast, with no digging through long articles.
features
[mix]
Check dangerous combinations quickly
in the moment.
features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"><path d="M 24 17.17 C 24 18.329 23.332 19.385 22.284 19.881 L 14.312 23.659 C 12.848 24.352 11.151 24.352 9.688 23.659 L 1.716 19.881 C 0.668 19.385 0 18.33 0 17.17 L 0 16.748 C 0.134 16.826 0.27 16.9 0.413 16.965 L 9.517 21.104 C 11.094 21.821 12.905 21.821 14.482 21.104 L 23.586 16.965 C 23.729 16.9 23.866 16.826 24 16.748 Z M 24 12.596 C 24 13.537 23.45 14.391 22.593 14.781 L 13.489 18.918 C 12.543 19.348 11.456 19.349 10.51 18.918 L 1.406 14.781 C 0.55 14.391 0 13.537 0 12.596 L 0 11.348 C 0.134 11.425 0.27 11.5 0.413 11.565 L 9.517 15.702 C 11.094 16.42 12.905 16.419 14.482 15.702 L 23.586 11.565 C 23.729 11.5 23.866 11.425 24 11.348 Z M 9.688 0.52 C 11.151 -0.173 12.848 -0.173 14.312 0.52 L 22.284 4.297 C 23.332 4.794 24 5.849 24 7.008 L 24 7.195 C 24 8.136 23.45 8.991 22.593 9.38 L 13.489 13.518 C 12.543 13.948 11.456 13.948 10.51 13.518 L 1.406 9.38 C 0.55 8.991 0 8.136 0 7.195 L 0 7.008 C 0 5.849 0.668 4.793 1.716 4.297 Z" fill="rgb(13, 13, 13)" height="24.178325552368165px" id="ywL2gIsaj" width="24px"/></svg>)
[lab]
Clear substance guides, alerts and practical harm-reduction info.
[lab]
Clear substance guides, alerts and practical
harm-reduction info.
Important answers are shown fast, with no digging through long articles.
features
[lab]
Clear substance guides, alerts and practical
harm-reduction info.
features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 15.339 0 C 20.122 0 24 3.877 24 8.66 C 24 10.957 23.087 13.161 21.463 14.785 L 13.447 22.801 L 24 22.801 L 24 24 L 3 24 C 2.172 24 1.422 23.664 0.879 23.121 C 0.743 22.985 0.62 22.837 0.513 22.678 C 0.189 22.199 0 21.621 0 21 L 0 13.193 C 0 12.27 0.366 11.384 1.02 10.73 L 9.214 2.536 C 10.838 0.912 13.042 0 15.339 0 Z M 1.273 12.622 C 1.225 12.807 1.199 12.999 1.199 13.193 L 1.199 18.034 C 3.702 18.311 5.689 20.297 5.966 22.8 L 10.806 22.8 C 11 22.8 11.191 22.772 11.376 22.725 C 11.041 17.298 6.701 12.956 1.273 12.622 Z M 15.339 1.199 C 13.548 1.199 11.823 1.845 10.475 3.005 C 16.235 3.118 20.88 7.763 20.994 13.522 C 22.153 12.174 22.8 10.451 22.8 8.66 C 22.8 4.54 19.459 1.199 15.339 1.199 Z" fill="rgb(13, 13, 13)" height="24px" id="s0c5_je5J" width="24px"/></svg>)
[log]
Track the night, reflect and notice patterns without judgment.
[log]
Track the night,
reflect and notice
patterns without judgment.
Important answers are shown fast, with no digging through long articles.
features
[log]
Track the night, reflect and notice patterns without judgment.
TRY the
prototype
TRY the
prototype
A clickable flow showing how CTRL supports safer decisions before, during and after substance use.
My role:
Product design, visual direction, UI system, prototyping and case study design.
Research:
Interviews, survey structure, insights and persona development.
Product:
User flows, feature logic and harm-reduction content structure.
Visuals:
Interface design, icons, 3D/AI visuals, motion and presentation assets.
TRY the
prototype
Important answers are shown fast, with no digging through long articles.
My role:
Product design, visual direction, UI system, prototyping and case study design.
Research:
Interviews, survey structure, insights and persona development.
Product:
User flows, feature logic and harm-reduction content structure.
Visuals:
Interface design, icons, 3D/AI visuals, motion and presentation assets.
TRY the
prototype
A clickable flow showing how CTRL supports safer decisions before, during and after substance use.
My role:
Product design, visual direction, UI system, prototyping and case study design.
Research:
Interviews, survey structure, insights and persona development.
Product:
User flows, feature logic and harm-reduction content structure.
Visuals:
Interface design, icons, 3D/AI visuals, motion and presentation assets.
UI/UX
RESEARCH
branding
3d
motion