All work

Collected

media company

Los Angeles photography and video company. Bookings start with a short brief, one question at a time.

Fourteen seconds on what I built here. No sound.

The headache

A media company is judged by its own site before anyone looks at the work. It had to be quiet enough to frame photographs, and a booking enquiry had to reach a person. It was also sitting on a hosted builder.

  • In the way: A vague enquiry takes three emails to turn into a quote.

    What I built: Booking is a four-step brief, one question at a time, so the owners have what they need before they reply.

  • In the way: A large gallery is the first thing to break when a site moves.

    What I built: The whole gallery came across intact when the site moved off its hosted builder.

  • In the way: Five kinds of work can turn a home page into a menu.

    What I built: Portraits, cars, corporate, events and weddings are five short rows, and the site is seven pages, not one long scroll.

Collected website, full page
A still of the home page, taken from the live site. This is the desktop layout, scaled down to fit your screen. The live one is at collectedus.com.

A Los Angeles media company shooting portraits, cars, corporate, events and weddings. The brief was restraint: one looping film, a lot of air, and a booking path that asks the right questions before anyone has to write back.

Up close

A quiet loopOne line of type over a looping film, with a lot of air around it and a live Los Angeles clock in the corner.
One light bandThe only light surface on a dark site holds the one sentence about what they do, so it reads as a pause between the film and the work.

The look, and why

A media company is judged on how it frames other people's work, so the site is built as a frame: every dark surface is #0a0a0a or #1a1a1a with one light band for the statement, and nothing structural is allowed to be saturated. Space Grotesk carries the display at 115px and JetBrains Mono carries the captions and credits, so the small type reads as data rather than as more prose. The single red, #e6000d, is a marker and never decoration.

What does your website need to do?

Tell me about your business and the project you have in mind.

Get a project quote