Five Tips For A Better Website

If you have your own website, you know how challenging it can be to make it pleasing to the eye, informative and accurately reflect you and your work. At MEG, we're incredibly lucky to have design guru Blake Stenning as part of our membership. Co-founder of Pittny Creative, a full-service design and branding firm, Blake brought his many talents to bear on MEG's recently revamped website. He shares some wisdom on web design below: 

 
1. Start with a cohesive identity. The look & feel of MEG's new website grew out of the visual identity we established in 2010 as part of MEG's new branding efforts. Multiple Exposures Gallery has been a fixture in the DC region for years, but until recently, its communications and marketing efforts had little cohesiveness. While some individual pieces were well designed, MEG itself had no real recognizable identity and we needed to establish a graphic language unique to MEG. In fact, one of the first things my firm did was to streamline the name. Since many people were already referring to Multiple Exposures Gallery by its acronym, it seemed natural to formalize the MEG abbreviation as part of a bold, yet elegant logo. The mark's simple, classic styling serves as the foundation for all of MEG's communications components, from business cards to the new website.

2. Articulate your goals.  From a practical standpoint, our goal for the MEG site was to make it simple and flexible enough to be updated on a regular basis -- without huge time investments or programming expertise – to ensure content remains current. For the viewer, we wanted the site to be simple and intuitive to navigate. And from a technical standpoint, our goal was to incorporate best practices for HTML markup and coding.

3. Help your content shine. The biggest challenge for the MEG website was presenting the work of 15 photographers and not favoring one format over another, such as portraits over landscapes or color over black-and-white. And because each MEG photographer has a unique vision, it was crucial that the website's design did not compete with their work. Ultimately, we decided on a JavaScript image viewer that allowed us to design a uniform thumbnail gallery for all members. When you click on an individual thumbnail image, the entire background goes dark and the photo is enlarged to allow for an unencumbered viewing environment.

4. Think through the navigation. The other important consideration was that access to any MEG member's thumbnail gallery has to be easy from anywhere within the website. We achieved this by featuring a right column sidebar listing that is a duplicate of the Artists' pulldown menu in the top navigation. The only time the sidebar is unavailable is from within an individual member's gallery, where the listing is replaced with the artist's bio.

5. Keep it simple. My advice to any photographer who wants to create their own photo website is to keep it simple and think through how you want a visitor to experience your work. It's much easier to make changes before you've invested hours in HTML coding. For those opting to use blogging templates, the principles are basically the same – plan ahead. Know what you want to say and then try and find a template that's flexible enough to accommodate your content, but keep in mind that it may sometimes be necessary to adapt your content to fit within the constraints of the template.