Dynamic Graphics+Create Magazine
HOME   |   MAKEOVERS  |   ARCHIVE  |   EDUCATION  |   JOBS  |   ADVERTISE
Topics
Tutorials
Create a halftone border in Photoshop.
Add a halftone drop shadow using Photoshop.
Makeovers
Web: Jackson Hole Conservation Alliance
A web redesign peaks with images of mountainous scenery and a new logo. 
June/July 2006
Designer: Rebecca Pastore

“With millions of annual visitors and a growing number of residents, Jackson Hole is seeing a growing amount of human impact on its fragile environment,” says Jackson Hole Conservation Alliance’s website. And in a way, it is human impact and involvement that the Alliance is seeking. Through its website, the organization portrays current environmental problems to inspire people in the Jackson Hole community and nationwide to get involved and take action.

But the Alliance’s current site is outdated, with little to grab user attention. A number of easily remedied difficulties roam the current website: too much white space, large amounts of text narrowly centered on pages—which is visually hectic and requires lots of scrolling—and childish icons. To establish a stronger presence, designer Rebecca Pastore modernized the site with images and color showing the beauty of Wyoming. Regarding her color palette and addition of photos, she explains, “I want the site to have a natural, earthy feel with colors, and effects with a snow/water/ice/nature feel. I used gradients and fades to accomplish this look.”

A new top navigation area was incorporated, aiding flow and making it easy to discern the areas of the site. The content of the site is now broken down into sections that are easier to read and will require less scrolling.

The designer chose a new logo icon of a leaf that captures a nature motif and is simple and modern. “On the home page [of the original site], the logo is at the bottom of the page, which requires a scroll to view, and it does not establish branding,” says Pastore. In her redesign, the new logo remains at the top of the page along with beautiful, environmentally oriented photos that will slowly rotate. She says the photos “can have text over the image to highlight current problems.”

The new environmentally conscious design with its simple navigation, inspiring nature photography, and easy-to-read content makes becoming informed, involved, and active in conservation easy.

1. Original site
The current Jackson Hole Conservation Alliance site needs updating with a modern design approach. It offers too much unnecessary white space, long, scrolling stretches of text, and too few graphics to grab user attention.
2. New logo
In revamping the website, designer Rebecca Pastore felt the association’s logo needed revitalizing, too. She incorporated a contemporary leaf image into the new logo, placing it at the top of each web page for strong branding and recognition.
3. Fonts
The designer divided the organization’s title into two lines, using fonts that are easy to read. The more prominent line employs Engravers MT and feels slightly western.
4. Colors
Pastore selected a palette that is friendly, earthy, and a natural choice for the site.

5. Navigation
Newly created tabs make it easier to navigate the redesigned website.

6. Text layout
The original site’s long text columns, narrowly centered on the pages, made reading information difficult. To break up the mass of information and make it more accessible, Pastore broke up text into definitive sections with headings, subheadings, and smaller text blocks.

7. Images
Wildlife images rotate at the tops of the redesigned pages for impact. Text can be added to the images to convey new issues. All images from www.photos.com or pulled from original site.

8. Icons
More professionallooking icons are used for buttons, replacing the original, childlike ones, which were too small to establish a presence.

9. Simplify
Cutting loads of copy, the redesign makes becoming active in the group less complicated with a new, easy to navigate layout and sign up form.

Events & Courses

WebMediaBrands
mediabistro learnnetwork freelanceconnect SemanticWeb
Jobs | Events | News
Copyright 2009 WebMediaBrands Inc. All rights reserved.
Advertise | Terms of Use | Privacy Policy