Mobile was treated as its own design problem rather than a responsive afterthought. The scroll jo...Mobile was treated as its own design problem rather than a responsive afterthought. The scroll jo...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Mobile was treated as its own design problem rather than a responsive afterthought.
The scroll journey had to survive a vertical frame and much shorter scroll distances, so the sequence was re-timed and each scene reframed for portrait. Motion budgets were reduced to protect performance on mid-range devices without dropping the parts of the sequence that carry the story.
Given that the majority of traffic arrives on mobile, this version had to stand on its own rather than gesture at what the desktop experience does.
Reframing each scene for portrait instead of just squeezing the desktop version down is the part most teams skip. How do you decide what to cut when trimming the motion budget for mid-range devices?
I wanted to make a photography website that felt more like an experience than a portfolio.
So I built CINÉRA — a cinematic photography studio website with a 3D gallery, interactive archive, real availability, and a complete booking flow.
You can explore the work, pick a date and time, add your shoot details, and get booked without the usual back-and-forth.
On the studio side, there’s a dashboard to manage bookings and inquiries, plus automatic booking confirmations to take a bit of the repetitive work off the photographer’s plate.
This was built for an appointment-based business challenge, and honestly, I had way too much fun making it.