Skip to main content
UI-UX

PotFol - Website Design

PotFol - Website Design

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Dark, image-first, and unapologetically bold — PotFol's photography portfolio website puts the work exactly where it belongs: front, center, and impossible to look away from."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/details/51-potfol-website-design/pofol.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Design — PotFol"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Photography Portfolio Website · Personal Portfolio Design Exploration"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A sleek, image-forward photography portfolio website design exploration for PotFol — a personal photography portfolio platform — built around the fundamental principle of all great portfolio design: get out of the way and let the work speak."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The layout is a confident two-column split: a dark charcoal left sidebar carries the navigation and branding, while the right three-quarters of the viewport is given entirely to a masonry-style photo grid — a collection of portrait and fashion photography in high-contrast black and white, punctuated by a single bold colour accent at the center that draws the eye with the precision of a carefully placed spotlight."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The left sidebar is a masterclass in minimal navigation design: the \"POTFOL\" wordmark anchors the top in a mixed-weight typeface — bold \"POT\" against lighter \"FOL\" — with a hot pink \"Photography Portfolio\" sub-label that introduces the brand's accent color with quiet authority. The navigation links — About Me (active, highlighted in magenta pink), Gallery, Awards, Services, Contact — are clean, light-weight, and organized in a vertical stack that keeps the interface completely scannable. Social media icons anchor the footer of the sidebar, completing the professional photographer's digital identity without clutter."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The photo grid dominates with deliberate variety: portrait close-ups, full-body fashion shots, couples, movement studies — a range that demonstrates breadth of subject matter and technical versatility. The monochromatic treatment unifies the disparate subjects into a single cohesive visual language, making the portfolio feel curated rather than simply collected."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A photography portfolio design that respects the photographer's most important asset — the photographs — by giving them the space they deserve."}]}]}

Tech Stack

Photoshop

Tags

UI-UXWebWebsiteWebAppPhotography

Completed

March 2013

Project Scale

short Project