Design Portfolio
Eight original designs.
One design system.
A collection of eight original website designs — each sourced from Mobbin's curated library of real-world technology products, then rebuilt as a fully interactive live demo.
The work
Real products. Studied carefully. Rebuilt with precision.
Mobbin is the world's largest library of real-world UI design references. Each piece in this portfolio was sourced there, studied for its core visual language, and rebuilt as an original interactive website — not a copy, but a studied interpretation.
Explore all eight piecesPortfolio pieces
Tech companies
Original designs
Build time
Selected work
Eight designs. Eight distinct voices.
Click any card to open the live demo. Each one is a fully interactive website with its own design language, navigation, and content.
Process
From reference to reality.
01
Research
Each design was sourced from Mobbin's curated library of real-world technology products — the industry standard for UI reference.
02
Analyse
Visual language was studied in depth: color philosophy, layout paradigm, typographic hierarchy, and interaction patterns.
03
Recreate
Each site was rebuilt from scratch as an original, fully interactive design — not a copy, but a studied interpretation.
About
Design is a discipline, not a decoration.
This portfolio was built to demonstrate the ability to read, deconstruct, and reinterpret real-world product design at a professional level. Each piece required understanding not just what a design looks like, but why it makes the choices it does.
The result is eight distinct design systems — each with its own color philosophy, typographic hierarchy, layout paradigm, and interaction language — all delivered as live, interactive websites.
Ready to explore
Eight live demos. Open in one click.
Every portfolio piece is a fully interactive website. Click any project card above to open the live demo and explore the design in full.