Photography and illustration direction for a young brand

Brand photography direction is a decision about subject, crop, and what you will not show. A young brand gets consistency from those limits, not from more pictures.

By
Blue and orange ink blooming through water. Two colors meet inside a limit, which is the kind of decision a young brand needs before it commissions pictures.
A limit on color, before the pictures. Photograph via Unsplash.

Brand photography direction is a decision about subject, crop, and the pictures you will not show. Illustration direction is the same decision in drawn form. A young brand needs that limit before it commissions a library. Without it, every new image is a new taste, and the site starts to look like a group project.

The pictures also have to load and to be understood. Google's Core Web Vitals include Largest Contentful Paint, the time until the largest image or text block in the viewport has rendered. A good score is within 2.5 seconds. A full-bleed photograph is often that block. Direction includes how heavy the file is allowed to be, not only how it feels. The Web Content Accessibility Guidelines count images as web content, alongside text, and exist to make that content more accessible. Write the words that should travel with each picture. Some people will meet the frame as those words.

Subject: what the camera is allowed to look at

Write a short list of subjects that match the offer. A ceramics studio might allow hands, clay, tools, and the finished object on a table. A software company might allow the interface, the desk where someone uses it, and the artifact the software produces. A community club might allow the field, the kit, and people who have agreed to be photographed.

Write the subjects you will not shoot. Stock handshakes. Laptops floating at an angle with fake charts. Crowds that have nothing to do with the buyer. Smiles aimed at no one. These pictures are easy to license and hard to believe. They also collide when two brands in the same category buy the same frame.

Wabisabi, a public Hanabi project, is a useful reference for a calm, tactile world: materials, quiet surfaces, and objects that look as if a person set them down. You can study that kind of restraint without copying the brand. The lesson is the limit. A calm site shows fewer things, more carefully. It does not show everything the camera can reach.

People need a reason to be in the frame. If the buyer is a founder working alone, a photograph of a forty-person atrium argues with the offer. If the buyer is a shopper of physical goods, a photograph that never shows the goods asks them to imagine the point. Put the object in the picture. Let people appear when their presence explains scale, use, or craft.

Get permission you can explain. A direction note should say whether employees, customers, or only hired models may appear, and where those images are allowed to travel. A portrait that was fine for a pitch becomes a problem on a public homepage if no one agreed to that use.

Crop, light, and the frame you repeat

Skyscrapers photographed from street level against a pale sky. It accompanies an article about Photography and illustration direction for a young brand.

Pick a crop and stay with it. A square for a grid, a wide frame for the hero, a consistent margin around the object. Mixed crops make a young brand look like it ran out of time. The same object, shot from the same distance, on the same ground, will look more expensive than a clever crop used once.

Pick a light. Daylight from one side, or a soft even light, or a darker field with a single highlight. Write it in a sentence a photographer can follow. "Window light, object on a pale cloth, shadow kept" is direction. "Make it premium" is a mood that each photographer will interpret as their own reel.

Leave space where type has to sit, and say so. A hero that is interesting in every corner cannot hold a headline. Direct the empty area. Direct the contrast behind the words so the sentence remains readable. The first screen is doing two jobs: showing the world, and saying what the company does. A beautiful frame that hides the sentence spends the opening view on atmosphere alone.

Color in the photographs should agree with the color list. If the brand background is warm paper, a cold blue gel in every photo will look like a different company. You do not have to ban a color in real life. You do have to decide whether it is a guest or a resident.

Illustration, when drawing is the right tool

Use illustration when the subject is hard to photograph honestly: a process, a structure, a state inside software, a future object that does not exist yet. Use photography when the trust comes from evidence: the material, the place, the person's hands, the product as it is.

Keep illustration to one hand. One line weight, one level of detail, a limited palette taken from the brand colors. A set that mixes a flat character, a 3D icon, and a watercolor header looks assembled from downloads. Commission a small set: three spots for the site, or a single diagram style, before you ask for a universe of characters.

Decide what illustration is not allowed to do. It should not mimic a photograph in a way that pretends evidence. It should not add a mascot the rest of the system never uses. It should not introduce a second accent color because the drawing "needed life." Life can come from the subject and the line.

Write alt expectations into the direction. A decorative ink wash can have an empty alternative. An illustration that explains a step needs a description of the step. WCAG's point is that images are content. Direction that ignores the words will ship pictures the page cannot explain.

What you will not show

A white geometric building with a glass wing and a cantilevered upper volume. It accompanies an article about Photography and illustration direction for a young brand.

The negative list is the part teams feel rude writing, and it is the part that saves the budget. Examples that earn their place:

  • No fake interfaces with nonsense labels.
  • No photographs of competitors' products in your colors.
  • No overloaded desks meant to signal hustle.
  • No text baked into images that repeats, worse, the headline already on the page.
  • No crops that cut off the one detail that identifies the object.

Add the specific ban for your field. A food brand may ban overhead shots with props that were never on the plate. A clinic may ban stock patients. A tool company may ban screenshots of the old version once the new one exists. Specific bans are kind. They give a photographer a boundary instead of a round of guesses.

Review new images against the list before they enter the site. One person should be able to say yes or no in a sitting. A committee that negotiates each photograph will sand the direction down to "nice." Nice is how the original limit disappears.

Files, weight, and the page

Export the sizes you use. A hero, a half-width figure, a thumbnail. Compress until the picture still holds on the phone, and stop before you chase a number you cannot see. The Largest Contentful Paint target, 2.5 seconds, is the reason to care. A gorgeous file that pushes the first view past that target makes the brand feel slow, which readers experience as carelessness.

Name files for the subject and the crop, and store them with the rest of the brand. The portal or the project folder should make the current set obvious. A photographer's original dump is an archive. It is not the system.

Art direct the next commission from the written note, not from a moodboard that has grown contradictions. Update the note when you learn something from a real shoot: the cloth wrinkled, the interface needed a quieter screen, the crop was too tight for the headline. Direction is a living page of decisions. It stays short because the decisions are few.

Selected work shows the range of worlds Hanabi has already built, including calmer brand sites where the pictures carry as much of the identity as the type. If your pictures also have to sit in a product grid, crop and consistency get stricter. That is the subject of Photography, crop, and the product grid.

Frequently asked questions

Should a young brand use photography or illustration?

Use photography when trust comes from evidence: the object, the material, the place, the hands. Use illustration when the subject is a process, a structure, or a thing that does not exist yet. Keep illustration to one line weight and the brand colors. Mixing several drawing styles makes the site look assembled from downloads.

How do we keep photographs from slowing the first view?

Treat a full-bleed hero as a likely Largest Contentful Paint element. Google's good threshold for that measure is within 2.5 seconds. Export the sizes you actually use and compress until the picture still holds on a phone. A file that exists only to be admired at full resolution will make the brand feel slow.

What belongs in a direction note?

The subjects you will show, the subjects you will not, the crop, the light, and where type needs empty space. Say whether people may appear and where those pictures may travel. A photographer can follow that note. A request to make it premium is not a direction.

Sources and further reading

  1. Core Web Vitals, Google Search Central
  2. WCAG 2 Overview, W3C

Written by

Hanabi

Hanabi is a product design and web development studio. The studio writes about clear websites, brand systems, and product interfaces for founders.

Keep reading

All articles