CloudFit App Concept

UI/UX, Product Design, Mobile Apps Design

Introduction

I designed a mood and mental well-being tracking feature for the CloudFit app, focused on ease of use, clear data visualization, and seamless navigation.

Year

2024

Role

Product Designer

Tools

Figma, Adobe Ilustrator, Adobe Photoshop

Media

Mobile App (iOS & Android)

Live Prototyping

The Overview

CloudFit App is a personalized wellness solution with an AI coach, designed for employees across companies. I was tasked with designing a mood and mental well-being tracking feature that prioritizes ease of use, data visualization, and seamless navigation, enabling users to effortlessly transition from the home screen to mood tracking.

The Concept

Building on the limited resources currently available in the CloudFit app, along with insights from leading wellbeing platforms like Headspace, Alan Mind, and Bloom App, this concept envisions a more comprehensive and transformative direction for CloudFit’s evolution.

The proposed experience is structured around three core pillars:

🔥 Fitness — Focused on physical performance and health optimization, including strength building, endurance, and fat loss. This pillar could include features such as workout tracking, calorie monitoring, intermittent fasting schedules, personalized diet plans based on weight or BMI goals, and AI-driven fitness coaching.

🧠 Mindfulness — Centered on improving mental health through simple, accessible tools. Features may include mood tracking, guided meditation, breathing exercises, and a personalized AI therapist to support emotional well-being.

🌿 Wellness — Designed to educate and support users in building sustainable habits and improving overall well-being. This includes audio and video content on topics like stress, anxiety, burnout, and motivation, alongside generative AI experiences that simulate supportive, therapist-like conversations.

By integrating these three pillars, CloudFit can evolve into a holistic health platform, one that not only tracks progress but actively supports users in building a healthier, more balanced life.

The Design

The design adopts a card-based layout to structure content across the three core pillars; Fitness, Mindfulness, and Wellness, making navigation intuitive and scannable. Each card incorporates modern gradients to create a vibrant and engaging visual experience, while maintaining clarity and focus.

Typography stays consistent with CloudFit’s existing brand system, using PP Formula for headlines and Neue Grotesk for body text, ensuring a cohesive and familiar user experience while elevating the overall visual quality.