Evolux XP — Gamified Productivity SaaS
Roynel Melo
One system for turning daily execution into visible progress
Live personal SaaS product
Evolux XP brings tasks, habits, focus, personal finance and notes into one gamified experience. I designed and developed a cinematic product system that turns everyday execution into a visual journey built around XP, progression and feedback.
The Challenge
Productivity tools often split a person’s routine across disconnected apps. The goal was to create one coherent system where planning, consistent action and personal progress feel related rather than fragmented.
The Solution
I built a responsive Next.js product and marketing experience around a strong game-inspired design language. Progression states, animated feedback and interactive demonstrations make abstract progress tangible while keeping the broad feature set understandable.
My Role
Product strategy, UX/UI design, design-system direction, front-end development, full-stack architecture and interaction implementation.
Key Features
Unified tasks, habits, focus, finance and notes experience
XP, levels, ranks, streaks and reward-oriented feedback
Flow Budget personal-finance module
Anti-habit and emergency-focus experiences
Responsive multilingual interface with PWA foundations
Supabase-backed architecture with Stripe integration
UI/UX Design Decisions
A cinematic black-and-amber palette gives the product a distinctive identity. Clear hierarchy keeps a dense scope approachable, while motion, progress states and micro-feedback reinforce the gamified premise across desktop and mobile.
Technology Stack
Next.js 15, React 19, TypeScript, Tailwind CSS, Supabase, Zustand, Motion, GSAP, Three.js, Stripe, Capacitor, TanStack Query, TipTap and Recharts.
Project Outcome
A live, responsive SaaS product and product-marketing experience with an extensible architecture and a coherent visual system. No adoption, conversion or revenue claims are made.
A unified product system turns tasks, habits, focus and finance into visible progression.
The cinematic landing experience introduces progress as a journey, not a checklist.
Responsive mobile layouts preserve hierarchy, motion and the black-and-amber identity.
Like this project
Posted Oct 12, 2026
Designed and built a gamified productivity SaaS combining tasks, habits, focus, finance and notes with a cinematic interface and XP-based progression.
