Portfolio · Personal Site

UX/UI Design For A Web Designer Portfolio

Scope
Research · UX/UI design · Concept · Art Direction
Brief

To create a stylish, high-quality portfolio with a clean, user-oriented design and clear navigation, one that puts the work front and centre and helps convert visitors into potential clients.

(001) Prospective clients: startups, businesses and individuals looking to hire a designer.

(002) Fellow designers and industry peers reviewing the work for collaboration or reference.

(003) Visually literate and quick to judge. They expect a portfolio to demonstrate taste and skill through its own design, navigate effortlessly, and make the work easy to browse on any device.

A minimal, content-first layout that lets the projects speak for themselves, with clear navigation and generous whitespace. Fast-loading case views, an intuitive structure, and an easy route to contact, fully responsive, so the portfolio looks sharp on every screen.

01
Work front and centre

A dark, minimal single-page layout on a fine grid: a confident hero, then latest works, experience and contact, each numbered and easy to scan. The design itself is the first work sample.

Web designer portfolio — full homepage design
Colors
Black
#000000
Dark
#1A1A1A
Grey
#9E9E9E
White
#FFFFFF
Fonts
Montserrat Headings
Montserrat Light Body, UI
02
Sharp on every screen

Tablet and phone side by side, the grid and hierarchy hold as the layout narrows, so the work stays easy to browse whether the client opens it on a desktop or a phone.

Web designer portfolio — responsive screens
03
Presence on a real device

The portfolio on a tablet: the monochrome palette, the grid and the works carousel reading exactly as intended off-screen, where a prospective client first meets the work.

Web designer portfolio on tablet
04
Web designer portfolio on iPhone
Selected work
All