Project Array
photo and video studioCustomers book a shoot, buy presets, and browse a portfolio that stays fast with video on every screen.
The headache
A studio site is mostly video and large photographs, which is exactly what makes a site slow. This one also has to take bookings, sell presets and hand finished work back to clients.
In the way: Photographs come off the camera far larger than a web page needs.
What I built: Every gallery upload is resized into web versions automatically. The originals are kept untouched.
In the way: Sending a buyer to another site to pay loses some of them on the way.
What I built: Checkout opens in a drawer on the page, with Apple Pay or Google Pay where the device supports it.
In the way: Delivering finished files usually means a chain of emails and a balance to chase.
What I built: Each client gets a private delivery link. The balance is paid there and the files unlock.
In the way: One large bundle makes every visitor download the whole site to see one page.
What I built: The code is split by page, so the first load carries only what that page needs.
A studio site that has to carry heavy media without feeling heavy. The hero runs video, the gallery is full-bleed photography, and there is a shop and a booking path underneath it all. The work is the product here, so nothing in the interface is allowed to compete with it.
Up close
The look, and why
Black, because every image on this site is somebody else's photograph and any hue in the page would tint it. The ground is a true #000000, so a frame edge dissolves into it and the media is the only lit thing on screen. Headlines are Bebas Neue at 128px: a condensed face fits a long line into one screen width, which is what lets type sit over footage instead of beside it. One accent, a hard lime, at the size of a button and nowhere else.
What does your website need to do?
Tell me about your business and the project you have in mind.