One portfolio that shows both the photographs and the design sense — the images must lead, but the site has to feel designed.
← All projects
Case study 02 / Photography portfolio · Framer
Visit live site ↗John’s Photography
Show two capabilities at once — professional photography and modern web design — without letting either compete for attention.
Photography with a point of view01 / The brief
A problem worth solving.
A five-page dark portfolio: pixel-serif identity, album chapters by discipline (branding, communication, travel, events), a bilingual Amharic editorial post, and a single-field enquiry on the contact page.
The visual thread
Let the photographs lead.
A presentation palette drawn from the mood of the work. A consistent rhythm connects imagery, typography, and the path through the story.
02 / Inside the experience
Beyond the first impression.
A closer look at the content, the structure, and the details that make this project work.
The website, page by page
Actual project captures
John’s Photography Portfolio — AlbumExplore this page live ↗
01 — Curated bodies of work
An album, not an endless feed.
Grouping photographs into albums gives each body of work its own rhythm. The viewer can choose a discipline and spend time with the images that matter to them.
02 — Visual pacing
Room for a different kind of image.
A restrained interface can hold both intimate portraits and rich, atmospheric scenes. Space and sequence keep the portfolio coherent without forcing every photograph into the same mood.
The visitor’s path
Every page has a purpose.
- 01Meet the photographer
- 02Choose an album
- 03Explore the story
- 04Start a conversation
03 / The decisions
The thinking behind the detail.
The portfolio was treated like a gallery wall: a dark, quiet canvas, generous spacing, and an interface that stays out of the way. Work is curated into albums rather than an endless feed, so each set reads as a body of work.
A dark, gallery-grade canvas
Monochrome work reads as prints on a wall instead of thumbnails in a grid — the interface borrows from physical exhibition design.
A pixel-serif display voice
The “Jonny.A” wordmark and headlines use a pixelated serif: an ownable, recognizable identity that still frames photos without competing with them.
Album chapters over infinite scroll
The album page splits work into four disciplines with numbered columns — curated sets that respect the visitor’s time.
One-field enquiry
The contact hero asks for an email and nothing else; low friction suits a photographer’s audience.
The constraints that shaped the work
- Giving photography and web design equal billing without visual noise.
- Keeping the viewer’s attention on the images, not the interface.
- Balancing minimalism with enough personality to be memorable.
04 / The outcome
What the work delivered.
The final portfolio communicates both a creative eye and technical skill in one experience — a gallery that is contemporary, engaging, and unmistakably his.
3weeks from brief to launch
5pages, gallery and album system
2languages — English and Amharic
Project scope & delivery · figures describe the build, not business performance.
“Johnny redesigned a few of our pages. The results were beyond expectation. He understood my vision and turned it into impactful designs.”
Anteneh DemeseMarketing DirectorLive preview
Explore the real site.
This is the actual website running inside the frame — scroll it, click through it, or open it in a new tab.
Start a project
Let’s make something meaningful.
Tell me what you are building. I’ll help turn the idea into an experience with a clear point of view.