AI Designer Portfolio

Most digital wellness apps rely on generic affirmations that quickly lose impact.
Users reported low engagement due to:

• Repetitive content
• Lack of personalization
• Visually cluttered or uninspiring interfaces

There was a clear gap for a mindfulness experience that felt personal, premium, and emotionally grounding.

Lumina was designed as a “Digital Sanctuary”, guided by three core principles:

• Celestial Immersion
  A deep-space visual metaphor creates calm and depth without distracting from the message.
• Kinetic Typography
  The Aurora-style animated text draws attention inward, making affirmations feel active rather than passive.
• Glass & Depth
  Soft blur layers and subtle borders create a light, floating interface inspired by premium hardware design.

Together, these elements turn each affirmation into a moment of intentional pause.

• AI Engine: Google Gemini 2.5 Flash for fast, natural affirmation generation
• Prompt Design: Model instructed as a calm, empathetic life coach
• Schema Enforcement: Strict JSON responses to keep UI stable

Performance:

• Procedural star field (no heavy assets)
• GPU-driven animations for smooth motion
• Frontend: React-based, component-driven architecture with motion-first design

• Aurora Text Engine – Animated gradients flowing through affirmation text
• Contextual Categories – Mood-based affirmation selection
• Persistent History – Favorites and past affirmations saved locally
• One-Tap Sharing – Quick copy for social or personal reflection
• Mobile-First Interactions – Bottom sheets and thumb-friendly controls

• Performance ≠ Compromise
  Offloading motion to the GPU delivered smooth visuals even on low-end devices.
• Latency as Experience
  Loading states were redesigned as calming “manifesting” moments rather than delays.
• Precision Matters
  Standardizing component heights created a more premium and intentional interface, especially on mobile.