Advanced Wellness App Design: AI-Driven UX & Data Visualization

Advanced Wellness App Design: AI-Driven UX & Data VisualizationAdvanced Wellness App Design: AI-Driven UX & Data Visualization

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Devang Patel

• 11h

https://www.figma.com/make/WQ6lPIbgv5tzEa3abwA1o8/Aura-Peace-Core-App-Design?p=f&t=I1FCQZGCW9LRdzus-0

Aura Peace Core App Design

An advanced wellness platform transitioning seamlessly from a light-themed workout planner to a dark-themed health telemetry dashboard.

Key Highlights

AI & Figma Make: Used to rapidly iterate responsive layouts and complex component states.

UX Architecture: Clean visual hierarchy optimized for quick readability during active training sessions.

Data Visualization: Custom UI components designed for high data-density without cluttering the screen.

Future Scope for Personalization

Adaptive Themes: Light/dark modes that automatically trigger based on your workout environment or ambient light.

Modular Dashboard: Drag-and-drop widgets so users can prioritize the exact bio-metrics matching their fitness goals.

AI Personal Insights: A smart summary card translating raw telemetry into actionable recovery and breathing tips.

configmakeathon Figma UX Design

MD Rafee Alam

• 6h

The light-to-dark theme transition for a wellness app makes a lot of sense from a UX perspective. Morning workout planning in light mode, nighttime biometric review in dark, that context-awareness is good product thinking.

Madi 💫

max

• 10h

nice work!

Akinkunmi Ayo

• Jun 5

Hey everyone, we are currently building social app mobile design. We need help choosing which of this is better ? dark or white mode 🤔

Figma uiuxdesign mobileappdesign

5 voted

50%

5 voted

50%

10 votes

Closed

Atolani Adegbesan

• Jun 5

Wow, this is so well designed that choosing is quite difficult

Gopi UI/UX + AI

pro

• Jun 5

🚀 Which mockup grabs your attention the most?

We've transformed our latest website design into two creative presentation styles:

💻 Website Mockup – A premium laptop showcase highlighting the full desktop experience. 📱 Mobile Mockup – A sleek smartphone presentation showcasing the responsive mobile design.

Now it's your turn to decide! 👇

mobileappdesign websitedesign Figma

9 voted

64%

5 voted

36%

14 votes

Closed

Muyideenaliyah Ayomide

• Jun 6

awesome

Abu Aasif Ansari

• Jun 5

DataStory turns any CSV into a visual story your audience can actually understand. Upload data, pick your audience — Business, NGO, Student, or Social Media — and instantly get charts, AI insights, and a narrative in the right tone.

🔗 Live App: gloss-pink-92515363.figma.site

🎨 Figma File: https://www.figma.com/make/3fXa18CiqXMh5DGpDEJB2b/DataStory-web-app?t=8gpa5UvsYyDBd1RP-1

📱 LinkedIn Post: https://www.linkedin.com/posts/abuaasif_configmakeathon-figmamake-datavisualization-activity-7468491109715935232-htUB?utm_source=share&utm_medium=member_desktop&rcm=ACoAACRm5rcB0nVG0_HUX6-IXfuWqNGquZ-jMQU

Built with Figma Make + Supabase.

Data Visualization Product Design UI Design React Supabase configmakeathon datastorytelling Figma

Nia Nguyen

pro

• Jun 5

Hey Abu! Looks like your video doesn't have audio, the walkthrough needs to cover your idea, the problem you're solving, and the workflow you used. Check out the guidelines and update before the deadline!