VibeElevate
Empower Your Mindset Daily
VibeElevate is a mental health and wellness resource hub built to promote mindfulness, self-care, and emotional clarity. The goal was to design a modern, approachable site that feels uplifting and welcoming — without being too clinical or overly app-like. This ongoing project will eventually evolve into a wellness tracking app with dashboard features.
clari+IQ is a modern personal finance concept designed to make budgeting easier, clearer, and less stressful. This project is currently in progress and evolving as I refine the design system, structure key flows, and prep the final build in Webflow. Stay tuned as the project comes to life.
E-commerce
My Role
My Role
UX/UI Designer, Brand Strategist, Web Developer
UX/UI Designer, Brand Strategist, Web Developer
Project Dates
Project Dates
Date 2024 / Early 2025
Date 2024 / Early 2025
Live Project
Live Project
coming soon
coming soon
VibeElevate (Case Study)
Diamond Luxe Co.
(E-commerce UX/UI Case Study)
VibeElevate (Case Study)
Designing a Positive Wellness Experience Rooted in Clarity & Calm
Luxury Crypto Streetwear: A Shopify Store
Built for High-End Investors & Traders
What I Did:
Developed a wellness-focused resource site with clean, optimistic UI.
Established a calming color palette and friendly brand tone.
Created a style guide and wireframes to support future app development.
Wrote microcopy and supporting UI text to drive clarity and empathy.
Designed with mobile-first responsiveness and accessibility in mind.
What I Did:
Developed a wellness-focused resource site with clean, optimistic UI.
Established a calming color palette and friendly brand tone.
Created a style guide and wireframes to support future app development.
Wrote microcopy and supporting UI text to drive clarity and empathy.
Designed with mobile-first responsiveness and accessibility in mind.
The Problem
Mental health websites often feel sterile, text-heavy, or overwhelming to navigate. For many users, these platforms fail to create a sense of trust or emotional ease — the very thing they’re designed to support. Users want a wellness experience that feels human, gentle, and easy to explore, not cold or cluttered.
Mental health websites often feel sterile, text-heavy, or overwhelming to navigate. For many users, these platforms fail to create a sense of trust or emotional ease — the very thing they’re designed to support. Users want a wellness experience that feels human, gentle, and easy to explore, not cold or cluttered.
The Solution
I designed VibeElevate to serve as a thoughtful, visually uplifting space for mental wellness. Inspired by lifestyle brands and soft wellness aesthetics, the site emphasizes large typography, open white space, and soft pink and lilac tones. The interface is simple yet modern, with blog-style content blocks, testimonial sliders, and clear pathways for reading or subscribing. It’s built to scale — with the app dashboard experience planned as a next phase.
I designed VibeElevate to serve as a thoughtful, visually uplifting space for mental wellness. Inspired by lifestyle brands and soft wellness aesthetics, the site emphasizes large typography, open white space, and soft pink and lilac tones. The interface is simple yet modern, with blog-style content blocks, testimonial sliders, and clear pathways for reading or subscribing. It’s built to scale — with the app dashboard experience planned as a next phase.
Tools / Skills Used:
🛠️ Webflow · Photoshop · UX Copywriting · Wireframing
🎨 Visual Design · Responsive Layouts · Figma · UI Animation Concepts
💡 Mental Wellness UX Research · Style Guide Development
🔗 Live Project: coming soon
———— Read More About the Project ————
———— Read More About the Project ————
Designing the Look & Feel of VibeElevate
Mood Board, Crafting a Vision:
The Aesthetic of Crypto Luxury
The visual identity for VibeElevate was carefully crafted to evoke calmness, positivity, and trust. I started by exploring wellness and lifestyle design patterns that would resonate with users seeking mindfulness and emotional clarity. The mood board was built around natural textures, soft gradients, and warm lighting to reflect a sense of balance and well-being.
The visual identity for VibeElevate was carefully crafted to evoke calmness, positivity, and trust. I started by exploring wellness and lifestyle design patterns that would resonate with users seeking mindfulness and emotional clarity. The mood board was built around natural textures, soft gradients, and warm lighting to reflect a sense of balance and well-being.
The visual identity for VibeElevate was carefully crafted to evoke calmness, positivity, and trust. I started by exploring wellness and lifestyle design patterns that would resonate with users seeking mindfulness and emotional clarity. The mood board was built around natural textures, soft gradients, and warm lighting to reflect a sense of balance and well-being.
This design exploration directly informed the visual direction of the website. Using Webflow, I translated those concepts into a clean, optimistic layout with generous white space, modern typography, and inviting imagery. The result is a friendly yet professional wellness brand that avoids feeling clinical or sterile — perfect for a digital experience centered around mental health and personal growth.
This design exploration directly informed the visual direction of the website. Using Webflow, I translated those concepts into a clean, optimistic layout with generous white space, modern typography, and inviting imagery. The result is a friendly yet professional wellness brand that avoids feeling clinical or sterile — perfect for a digital experience centered around mental health and personal growth.
This design exploration directly informed the visual direction of the website. Using Webflow, I translated those concepts into a clean, optimistic layout with generous white space, modern typography, and inviting imagery. The result is a friendly yet professional wellness brand that avoids feeling clinical or sterile — perfect for a digital experience centered around mental health and personal growth.
Tools: Figma, Adobe Photoshop, Webflow
Tools: Figma, Adobe Photoshop, Webflow
To bring the vision of VibeElevate to life, I used Figma to create early wireframes and UI components, and Photoshop to refine imagery for visual impact. The entire site was then built and customized in Webflow, which gave me the flexibility to prototype and publish a responsive, production-ready version of the site — all while maintaining full control over layout, spacing, and animations.
To bring the vision of VibeElevate to life, I used Figma to create early wireframes and UI components, and Photoshop to refine imagery for visual impact. The entire site was then built and customized in Webflow, which gave me the flexibility to prototype and publish a responsive, production-ready version of the site — all while maintaining full control over layout, spacing, and animations.
© 2025 Chris Puncekar, All Rights Reserved