App Design for Mental Health Brand — Self App. Quinta, the Guide.
Quinta was designed as a functional visual element within the app’s system, serving as a consistent point of reference across user flows.
The interface is based on a progression metaphor, expressed through screen transitions, layout rhythm, and color contrast. Dark tones support introspection, while light accents indicate direction and state change.
Quinta does not provide instruction or feedback. Its role is to maintain conceptual alignment — reinforcing the product’s focus on self-awareness without introducing hierarchy or judgment.
1
1
16
"Finally, it’s time to be me."
"Shed your extra layers."
This video explores the shift between two inner states—realization and release.
Raw photography captures honest emotion, while restrained typography keeps the focus on meaning rather than decoration.
The contrast between the two frames reflects the brand’s core belief:
authenticity isn’t created through effort or performance—it emerges when unnecessary layers fall away.
1
4
129
Hundreds of screens. Ten exercises. One goal—help people meet their true selves.
That was a summary of a product we did for Self App. We didn’t want to build another “productivity” app that is based only on coaching, psychological terms, or fake success. We aimed higher—to create a space that feels safe enough to open up and find your Self.
2
36
Before build the interface, build the intention 💜
For Self App, the website wasn’t just a landing page — it was the first emotional touchpoint.
The moment where a person decides whether this product feels safe enough to step into.
We designed and developed the website as a calm, structured introduction to the app’s world. Clear hierarchy, restrained interactions, and a classic layout help explain the product without overwhelming the user.
The website speaks the same language as the product — not persuasive, not instructional, but supportive and honest.
Design and development moved together to ensure consistency across screens, performance, and responsiveness. Every section was built to feel intentional, steady, and respectful of the user’s attention.
1
4
67
We’ve always believed that design has the power to change more than brand appearance—it can change how people live, feel, and connect.
Qream mission is simple: to inspire gamechangers through design, motion, and emotion. Forget about average—together, with our partners, we’re shaping a healthier, happier, and more sustainable world. This is what we stand for.
We refuse to follow trends. We set them. We don’t work for brands. We co-create with them. And we always choose purpose over convenience.
Watch the story behind our agency. Hope it brings you a little inspo of the day 💜