Inspiration
I’ve always believed investing should be accessible to everyone—not just seasoned traders. Watching friends skip investing because it felt “too hard” or “too expensive” sparked the idea: what if we turned the spare change from coffee runs, grocery runs, and gas fill-ups into meaningful wealth? That small, everyday money felt like untapped potential, and RoundUp Wealth was born to unlock it.
What it does
RoundUp Wealth automates micro-investing by rounding up every purchase to the nearest dollar (or double it, if you choose) and investing that spare change into a portfolio that matches your risk tolerance—conservative, balanced, or aggressive. It tracks your growth, lets you switch portfolios instantly, and lets you withdraw funds anytime, no penalties.
How we built it
I started with mapping core user journeys: from onboarding to viewing round-ups to adjusting portfolios. Using React for the frontend, I integrated GSAP for the immersive animations (parallax scrolling, 3D tilt effects, particle systems) that make the UI feel dynamic. D3.js and Chart.js powered the investment growth visuals, and Tailwind CSS ensured responsive design across all devices. Every animation and interaction was built to feel intuitive, not overwhelming.
Challenges we ran into
The biggest hurdle was balancing advanced animations with performance—low-end devices struggled with the particle system and 3D effects at first. I had to build a performance detector that scales back animation complexity automatically. Also, designing the round-up calculation logic to be seamless (even mid-transaction) required careful state management to avoid glitches.
Accomplishments that we're proud of
Creating a UI that’s both visually stunning and functional—users don’t just use the platform, they enjoy interacting with it. The smooth, scroll-triggered animations and real-time portfolio visuals make investing feel approachable, not intimidating. Most importantly, the core round-up logic works flawlessly, and withdrawals are instant with clear, reassuring feedback.
What we learned
I deepened my understanding of animation performance optimization and user-centric design—small details (like magnetic hover effects or typewriter text) make a huge difference in how users perceive accessibility. I also learned that simplicity in core functionality (no hidden fees, instant withdrawals) is non-negotiable for first-time investors.
What's next for this project
First, expand portfolio options to include sector-specific investments (tech, sustainable energy) to match diverse user interests. Then, add personalized savings milestones (e.g., “Save $500 for a vacation via round-ups”) to keep users motivated. Finally, integrate more granular spending analytics to show users exactly how small purchases add up to big growth over time.
