Project Overview
The PositiVibe app was initially designed to help users enhance their mental health through positive thinking and breathing exercises, but it needed a refresh to align with modern design trends.
The initial interface was functional yet lacked the aesthetic appeal and smooth interactions that users expect from wellness apps today. To address these gaps, the redesign was informed by a fresh, vibrant color palette, simplified navigation, and a more personalized user experience.
Old design
Problem Definition
The original design posed several challenges that impacted user engagement and satisfaction:
Outdated visuals: The previous design’s earthy tones and cluttered layout appeared outdated and lacked the visual polish seen in contemporary wellness apps.
Complex navigation: Users struggled with the unintuitive navigation, leading to difficulty in accessing key features like mood tracking and motivational content.
Lack of personalization: Limited options for customization made it difficult for users to feel a personal connection with the app.
Non-intuitive onboarding: The onboarding process was lengthy and text-heavy, lacking visual appeal and engagement.
Solution
The redesign aimed to create a visually appealing, user-friendly interface that makes it easier for users to engage with mental wellness resources. The new design incorporates calming colors, intuitive navigation, and interactive features that enhance user engagement and satisfaction.
Vibrant pastel gradients: Soft pastel colors create a calming and positive atmosphere, aligning with the app's wellness goals.
Personalization options: Users can select custom fonts, themes, and icons, allowing them to tailor the app to their preferences.
Engaging onboarding experience: A redesigned onboarding flow with icons and brief descriptions guides new users through the app's features quickly and effectively.
Interactive mood tracking: The mood-tracking screen now uses emoticon-based selection with dynamic colors and icons, making it both quick and visually engaging.
Modern typography: Rounded, friendly fonts enhance readability and contribute to a warm, welcoming feel.
The redesigned onboarding process for PositiviBe focuses on a quick, engaging, and visually appealing introduction to the app. Key features of the onboarding:
Visually engaging screens: Text with icons and illustrations to communicate main features.
Interactive setup: Users choose initial mood and goals, personalizing their journey.
Optional app tour: A brief, skippable guide to key navigation and features.
When first entering the app, users are typically asked to answer a few questions to personalize their experience. However, to keep the process smooth and avoid user fatigue, we’ve grouped the three key questions ("How are you feeling lately?", "What’s causing this feeling?", "In which areas of your life would you like to improve?") into a single screen. This approach allows users to quickly tailor the app to their personal needs in just a few simple steps.
Advantages of this design:
Quick and single-screen customization: All the questions are placed on one screen, speeding up the process and gathering essential information without overwhelming the user.
Smoother experience: Collecting all information on a single screen ensures users can complete it quickly without distractions.
Personalized start: The answers provided directly influence the main screen and content of the app, giving users a personalized starting point.
Overview:
The goal of this redesign was to create a calm and engaging experience for users practicing breath exercises. The previous design felt cluttered and didn’t provide a smooth, relaxing journey. This new design focuses on simplicity, intuitive guidance, and a soothing visual and auditory experience to help users relax and focus on their breath.
The Affirmation page allows users to save their personal affirmations and read them whenever they need a boost. The page also offers users the ability to create and write their own affirmations. The goal of this design was to provide an easy and motivational way for users to store and revisit positive affirmations, as well as customize them to fit their personal needs.write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.
The font selection screen allows users to personalize the typography within the app. This screen has been designed with a clean, user-friendly interface to make it easy for users to choose the fonts that best suit their aesthetic preferences. The goal was to provide users with a simple yet engaging experience while selecting fonts, without overwhelming them with complexity.
The redesign of the PositiVibe app successfully transformed it into a more engaging, intuitive, and visually appealing platform that enhances the user experience while supporting users’ mental wellness journeys. By addressing key issues such as outdated visuals, complex navigation, and a lack of personalization, the redesign created a more user-friendly interface that promotes both ease of use and emotional connection.
Key design improvements include:
Aesthetic Refresh: The use of vibrant pastel gradients and modern typography has brought the app’s design up to date, creating a calming atmosphere that aligns with the wellness goals of the app.
Personalization Options: Customizable fonts, themes, and icons empower users to personalize their experience, helping them feel more connected to the app.
Engaging Onboarding: A concise and interactive onboarding flow has made the setup process faster, clearer, and more visually appealing, ensuring users understand how to use the app from the start.
The PositiVibe redesign offers a fresh, personalized, and calming experience that keeps users engaged and motivated, ultimately supporting their mental health and well-being. By simplifying complex processes and making the app feel more personal and approachable, the redesign has positioned PositiVibe as a modern, user-centered wellness tool.