Website

Photo Guide

We are thrilled you are using DA Creative as your web designer.  We have directed you to this page to give you guidelines for having photos taken for the key member(s) of your team, to be used on your site.

Start here

Work with a professional photographer

We strongly suggest you hire a professional photographer to take the headshots for your website.  We want to showcase your company in the best light possible, and to communicate your brand's story.  This is best accomplished by professional photography.

Consult with DA Creative for the desired look and feel of the photographs.

During our kick-off call, we will discuss the creative direction of the website, and photography will come into play. We will give you guidelines as to what photo style will work well with your site.  It might be casual and fun, edgy and minimal, or professional and serious.  We will give you specific guidelines that you can pass onto your photographer. We can also be available for a consult with them, to go over the creative direction we have set forth.

 

Webdesign Photo Guidelines

 

Take high resolution images

We will most likely crop your photos when placing in your website design, so the higher resolution your photos, the better. 

Subject In focus

Yes, we need to say this.  We will discuss background focus below, but the subject's face, specifically the subject's eyes should be in sharp focus.

Background in soft focus

We don't want the background to be distracting so we recommend with portrait photos that your photographer open up their lens so the background of the photo is in soft focus (they will know how to do this).  This will really invite the viewer to see your expression, keep the focus on the subject, as well as it being easier to overlay any text or graphic elements in the background area of the photo if we need to in the design.  Here are some examples of portrait photos with soft-focus backgrounds:

 

Exceptions

There are some cases in which we may want the background as well as the subject to be in focus, especially for a very wide angle shot. This could be to show background details that are important, or for some specific creative scenarios.  Your photographer may also think this type of shot may be effective.  We will let you know if we feel we need photos in this style for your website. 

Lighting

If budget is a factor, outdoor photography is ideal (or indoor photography with a large amount of natural light coming in from windows), as typically, photography lights and a proper photo studio will not be needed.  In general, soft lighting works best.  If you are shooting outside, generally the sun should be behind the photographer and ideally, a cloudy or overcast day creates nice soft light. If it is bright and sunny, you usually want to be in the shade, to avoid the harsh midday sun.  Your photographer will know how to set this up.

Expression

Happy, fun, confident! The tone of the website will determine the expression your photos should show, but almost always, there is a level of joy. If it fits your personality and the tone of the website, you can also try some shots with the subject laughing, 

 

Being natural is another must-have.  Stay away from extreme posing or unnatural expressions.  A professional photographers job is to be sure they are capturing an ideal and natural expression, and are experts at getting their subjects to relax and feel comfortable.

Most importantly, be you!  Don't try to be something you are not.  The more comfortable you are, the more powerful and genuine the photo will be, and the more a site visitor is going to want to know more about your business. 

Makeup

For women, a makeup artist is always a good idea if you can hire one.  But with makeup, it should always be very natural.  For men, a makeup artist is not usually needed, but if needed, very light makeup can be used for blemishes or sometimes dark circles under the eyes.  A photographer will usually have blotting paper to control shine.

Clothing

Wear what you feel comfortable in and you feel represents who you are. As a general rule, you want to stay away from very bright red/orange, stripes, patterns, and logos.

Jewelry

Less is more.  For women, subtle earrings are okay, and maybe a watch or a simple bracelet.  Please avoid necklaces or pendants.  For men, you could wear a watch, but again, nothing too grand. You want to keep the focus on you.

We usually recommend staying away from costume jewelry, however, if it is part of your brand's style or personality of the subject AND it relates to your brand, they can be worn.  But keep in mind, the focus should be on the personality of ths subject, their expression, and their eyes.  You don't want to distract from that.

Specific Photo Types for your Website

Headshots for your "Our Team" page

Photographs of your team for the "Team," "Leadership," or "Staff" sections usually follow the same guidelines of a soft focus background with sharp focus on the subject's eyes.  With these photos, you want to make sure you have some room to the sides and top of the head, but generally these photos can be taken with a portait, as opposed to a landscape orientation.

The location and mood of the photo should match the branding of the website.  Here are some examples:

 
 

Hero fold framing guidelines

A hero fold is a section strip or page of a website that is dedicated to your photo. Many times marketing text and a call to action button need to be positioned to one side of this section.  Ideally, we do not want the subject's image to be covered by this text and button.

Confirm with DA Creative if you are going to need this type of photo.  If so, we recommend the following framing guide.  There should be space above the subject's head as well as to one side. The other side of the photo should have ample space, where we can add text and graphic elements:

Some space on one side of subject

Good mount of space above the head.

A large amount of space to one side of the subject.

A photo taken using the above framing, would look like this on a typical website:

Headline

Descriptive text goes here

And here is how it might look as a final image on a website:

Descriptive text goes here

Headline

Image by Free-Photos from Pixabay.

Questions?

Shoot us a message with regard to anything mentioned on this page and we will get back to you with some answers!

 

Web design, Branding, Video

Visit us at DACreative.com