Designing & Building Prudent

Roles: Visual Design, Frontend

Tools: HTML, CSS, Figma

Duration: 1 Week (2 hours on weekdays)

See it Live: Prudent

The Challenge

After a few months of working at my full time job, I got bored and wanted to try something new - like a side project or something. I discovered I could build something very small and useful in a weekend. It didn't matter how big it had to be, it just needed to ship!

Enter Prudent

The next day, I opened a discussion on reddit. I also engaged in a few conversations to understand better. After a few hours, I decided to build a little open source landing page.

Prudent Research Reddit Research

I thought I would do it in like 10 hours or less. I was done with the designs in about 4 hours and started writing the HTML & CSS.

Prudent Design

Of course, it took a lot more than 10 hours, but then my estimation skills are wack 😁 and I would make a shitty product manager.

I lunched the little project by 7:00am one Tuesday morning, posted on reddit and went to work.

Prudent Reddit Post Reddit Post (I have no idea why my post was removed like 8 months later😭)

And boomπŸ’₯. Prudent was on the front page of the iOS sub-reddit. 1k visitors in less than 4 hours. But something strange happened - I expected a few persons to comment on how useless an HTML & CSS landing page would be or maybe ask for a react/vue version. But no one did. The comments were just too good to be true.

After about 3k visitors in the first 2 days, it dawn on me that useful and complicated are sometimes, mutually exclusive. A product mustn't be complex to be helpful. Simple things can also be helpful.

Features

  • Almost 0 JavaScript
  • Sleek design
  • Highly responsive
  • Optimized images
  • Lighthouse score of 98

Todo

  • Animate hamburger & mobile navigation
  • Add credits for UI screenshots
  • Make top left section a link

Contributing

This is a WIP, you can report issues you find or send a pull request to fix them.

Happy hacking πŸŽ‰πŸŽ‰πŸŽ‰