Design — Portfolio website
Ramon Adedotun
A portfolio for an engineer who builds it, breaks it and measures it.
- Role
- Design & build
- Discipline
- Web Design
- Focus
- Front-end, Interaction
- Status
- Live product
01The problem
Ramon ships full-stack web apps, tests them like an attacker and reads the data afterward — three disciplines most portfolios would flatten into one list of projects. The site had to show all three at once, and let a visitor jump straight to the one they are hiring for.
02Key decisions
- 01
His three verbs became the navigation. Build, break and measure sit on the page as a filter, so the whole wall reorganises around the discipline a visitor cares about.
- 02
An engineer's visual language rather than a designer's: dot-matrix and monospaced type, dithered imagery, and real artifacts — code, a terminal, live product cards — in place of mockups.
- 03
Every project opens as a case study over the wall, with its own link, so depth is one click away without ever leaving the page.
03Outcome
Designed and built end to end, and live today.