About the Project
Inspiration
I wanted to make a simple tool to help people understand how long-term investing works. A lot of people hear about the concept of long-term compounding but don’t really see how it plays out. MicroViz was my way of showing that visually through a quick simulation.
What I Learned
This was my first time using Figma and taking UI/UX seriously, and I picked up a lot about layout, spacing, and making a clean design. I also got better at thinking through how users move through a site and how to keep things simple and clear.
How I Built It
I designed everything in Figma. The homepage introduces the concept with a rotating year and a call to action. The simulation lets users choose a starting year, build a portfolio, and fast-forward to see how it would have grown. In the final version, I plan to use Seeking Alpha’s API for real data, Chart.js for graphs, and Gemini for guidance.
Challenges
Getting the design to feel simple but not empty was tough. I had to play around with fonts, padding, and color until things looked right. I also had to find a balance between making the site look good and keeping the focus on the content. In the end, I did have a lot of fun building it.
Built With
- css3
- figma
- html5
- javascript
