Back to notes
๐งDevelopment
Major UI/UX Overhaul - Building a Category System
August 18, 2025
4 min
Systematically categorized experiments and restructured the homepage. Built a category system, rebranded to Journey to Unicorn.
Spent the entire day tearing apart the UI today.
As the number of experiments grew, the homepage was turning into a mess. Just listing everything in a row made it impossible to tell what's what, so I built a category system.
๐ What I did today
1. App category classification
Split into Lifestyle, Productivity, Business, etc.
Added category badges to each experiment
Started with 12 categories, which might be too many honestly
2. Homepage restructuring
Changed to show things grouped into 5 sections
There was a toggle feature but it made things more complicated, so I removed it
Turns out just showing everything at once is better
3. Journey to Unicorn rebranding
Changed "Roadmap" to "Journey"
Spent forever tweaking CSS for card sizes
๐ก Stuff I struggled with
Card layout was breaking at Tailwind responsive breakpoints - turned out to be a grid config issue. I was only checking desktop and never looking at mobile. That was the problem.
Component structure is getting more complex and needs some cleanup.
In the end I was reminded again that making things complicated doesn't help. Keeping it simple actually looks better. One clear advantage of solo dev - decisions are fast.
#UI/UX#categories#React#TypeScript#design system