App Vibe
Product Design / 02.11.2023
Description.
App Vibe is a digital platform that connects seekers with certified healers, creating a safe and engaging space for holistic well-being.
PLATFORM:
Desktop · Responsive Web · Mobile App
ROLE:
Product Designer (UX/UI, Design Systems, Prototyping)
The Challenge.
The wellness industry was scattered across multiple channels, making it difficult for people to discover reliable healers or join trusted communities.
The challenge was to design an MVP that:
Enabled healers to register and showcase their background.
Allowed seekers to explore communities and connect with healers.
Introduced a simple, transparent digital currency for internal transactions.
Problems
The Process.
The wellness industry was scattered across multiple channels, making it difficult for people to discover reliable healers or join trusted communities.
The challenge was to design an MVP that:
Enabled healers to register and showcase their background.
Allowed seekers to explore communities and connect with healers.
Introduced a simple, transparent digital currency for internal transactions.
The Core Experience
The product centered around three key flows:
Explore Communities → seekers could browse communities led by healers.
Profile Pages → healers and communities had dedicated pages with bios, credentials, and media.
Engagement → seekers could join, follow, book sessions, and send support.
Cards were the core UI component, displaying information in a compact way with responsive variants across desktop, web, and mobile.
Usage Examples
The card system was applied in different sections of the feed, alternating between grids of standard cards and interstitial highlighted cards. Section titles guided the discovery experience, for example:
- “Communities in wellness you may resonate with”
- “Top Communities on App Vibe this week”
- “Communities led by influential guides”
Outcome & Reflection
By documenting the card system with clear slots, semantic props, and responsive variants, I ensured alignment across design and development. The approach balanced consistency and flexibility, while strategically highlighting top guides to reinforce trust.
This process demonstrated not only visual execution but also systems thinking and scalability in UI design.
Good Vibes Currency
To enable seamless value exchange, we designed a native currency: Good Vibes (GV).
1 GV = $1 USD (minimum purchase: $2.5).
This added not only a sense of community, but also a sustainable business model.
Vibe empowers healers to focus on transforming lives with a single tool, enabling them to better support and grow their communities while increasing revenue.
