TSE Studio

WEB DESIGNSTRATEGYINTERACTION DESIGNWIREFRAMING & PROTOTYPING

Breaking creative boundaries with the click of a camera button

TSE had one request for his photography portfolio: "I want the site to do something that's not the usual experience when people view this site." I took that line as the whole brief.

VIEW LIVE SITE
TSE Studio website

ROLE

The job was to make something unusual for a photo portfolio without losing what a portfolio is for, which is showing the photos. I worked through several layouts across device breakpoints to find out what held up and what didn't, then tested the strongest ones with TSE and Director Tetsuo (the most experienced web developer I know) until we landed on the final version. The images below cover most of those iterations. One question kept coming back the whole way through: a photograph is a still moment, but a lot moves around the camera to make one, so how do you hint at that motion without pulling attention away from the picture?

TSE Studio design iterations

explored iterations for the site

BRINGING IT ALL TOGETHER

The final site keeps its structure simple and puts the unconventional part in the motion, with smooth scroll transitions drawn from current web design doing most of the work. It was one of the hardest briefs I've taken on, mostly because "not the usual" is easy to say and hard to pin down. The live site, linked at the top, shows it better than screenshots can.

TSE Studio website, editorial view
TSE Studio website, portfolio view