Aura
UI/UX Design 2026
Aura is a mobile AI coach for short-form creators. It lets you rehearse in a private studio where AI gives real-time feedback on your voice and presence, so you post with confidence, not anxiety.
Overview
Built with React Native for cross-platform development, Aura supports both iOS and Android through a unified codebase. The platform integrates Google’s Gemini API for AI-powered coaching and content suggestions, uses MongoDB and Supabase for scalable data management and relies on a Node.js backend to securely handle API communication and system operations
Personalized Content Suggestion.
Practice and Ai Coach.
Video Quality Enhancement.
Progress and Pattern Insights.
Aura provides AI-powered content planning, a private practice space with structured feedback on speaking, presence, facial engagement and environment, along with simple video enhancement tools for lighting, audio, and subtitles. A reflection-focused dashboard tracks creator growth through clarity, confidence, storytelling and consistency, supported by secure authentication and privacy-first user controls.
Built with React Native for cross-platform development, Aura supports both iOS and Android through a unified codebase. The platform integrates Google’s Gemini API for AI-powered coaching and content suggestions, uses MongoDB and Supabase for scalable data management and relies on a Node.js backend to securely handle API communication and system operations
Aura provides AI-powered content planning, a private practice space with structured feedback on speaking, presence, facial engagement and environment, along with simple video enhancement tools for lighting, audio, and subtitles. A reflection-focused dashboard tracks creator growth through clarity, confidence, storytelling and consistency, supported by secure authentication and privacy-first user controls.
Main Features
Personalized Content Suggestion.
Practice and Ai Coach.
Video Quality Enhancement.
Progress and Pattern Insights.
Design
The product design process was conducted using Figma for wireframing, UI design, and interactive prototyping. Adobe Illustrator supported visual assets and branding, while After Effects and Premiere Pro were used to produce motion and presentation visuals.
Design
The Aura logo merges the letter “A” with a flowing aura-inspired form to symbolize creativity and personal growth, while its gradient colors and smooth curves create a futuristic aesthetic that reflects the platform’s AI-driven innovation.
Aura uses Red Hat Display for headings to establish strong hierarchy and a modern visual identity. SF Pro is used for body text and interface elements due to its high readability and optimization for digital interfaces. A typographic scale based on a 16px base size ensures clarity, consistency and comfortable reading across mobile screens.
Aura’s color palette is designed to create a calm and supportive environment for creators practicing content before publishing. The primary purple palette represents creativity, confidence, and growth, forming the core brand identity. A secondary red palette highlights alerts and key feedback elements, while blue accents support informational components such as analytics and system guidance. Multiple tonal variations ensure visual hierarchy, accessibility, and consistency across the interface.
The product design process was conducted using Figma for wireframing, UI design, and interactive prototyping. Adobe Illustrator supported visual assets and branding, while After Effects and Premiere Pro were used to produce motion and presentation visuals.
Aura uses Red Hat Display for headings to establish strong hierarchy and a modern visual identity. SF Pro is used for body text and interface elements due to its high readability and optimization for digital interfaces. A typographic scale based on a 16px base size ensures clarity, consistency and comfortable reading across mobile screens.
The Aura logo merges the letter “A” with a flowing aura-inspired form to symbolize creativity and personal growth, while its gradient colors and smooth curves create a futuristic aesthetic that reflects the platform’s AI-driven innovation.
Aura’s color palette is designed to create a calm and supportive environment for creators practicing content before publishing. The primary purple palette represents creativity, confidence, and growth, forming the core brand identity. A secondary red palette highlights alerts and key feedback elements, while blue accents support informational components such as analytics and system guidance. Multiple tonal variations ensure visual hierarchy, accessibility, and consistency across the interface.
Badge Design
For this app, I designed badges to represent different progress levels. I used Aura’s color palette to maintain UI consistency. Level 1 starts with a light purple, and as the level increases, the color becomes darker and more stars are added.
