MeFit Challenge Winner Screen - UI Design!

Design Practice | UI/UX Exploration

I designed a post-challenge victory screen for the MeFit app, celebrating users who achieve their monthly fitness goals. This screen aims to provide motivation, excitement, and a sense of accomplishment.

🔍 About MeFit: MeFit tracks workouts via smartwatches, offering real-time stats for activities like running, walking, and cycling. To encourage consistency, MeFit introduces monthly challenges where users earn points based on calories burned. Upon reaching the challenge goal, they win a ‘Badge of the Month.’

Key Elements in the Design:

• 🏅 Badge of the Month (May 2022) - Earned upon crossing 3000 points.

• 🎉 Celebration Animation - A dynamic, engaging visual to enhance the achievement experience.

• Share Button - Enables users to share their success with friends on social media.

• Performance Summary - Quick stats to showcase progress and achievements.

• 💪 Motivational Message - Encourages users to keep up their fitness journey.

Tools Used: Figma | UI Design | Prototyping

What do you think of this achievement screen? Let me know your thoughts!