Dynamic Graphics+Create Magazine
HOME   |   SUBSCRIBE  |   ABOUT  |   CONTACT US  |   NEWSLETTERS  |   CALL FOR ENTRIES  |   ADVERTISE  |   SUBSCRIBER SERVICES  |   WEBCASTS  |   JOBS
Topics
Webcasts
Newsletter
Subscribe/Renew
 
Purchase past issues to complete your library or to find the essential tips and techniques you've been searching for.
 
Tutorials
Create a halftone border in Photoshop.
Add a halftone drop shadow using Photoshop.
Downloads
Free high-quality high resolution photos.
JUPITERIMAGES SEARCH
Jupiterimages offers millions of quality photos, fonts, clipart images and animations!

 
Jupiterimages.com
Clipart.com
Photos.com
Animation Factory
internet.commerce
Join Partner Program
Makeovers
2007 Makeovers Issue: Web (cont'd)
GUILFORD CONNECTICUT DEMOCRATIC TOWN COMMITTEE
Equality for all in a web redesign

Designer: Ashley Haffner

The Guilford Democratic Town Committee (GDTC) uses their website as a tool to provide information to voters in the area and to advance participation in government. Maureen Gaffney, chair for the GDTC website and public information committee, says, “The new site design should convey a sense of vitality. It should be unique, attractive and not so radical as to alienate the conservative tendency of Connecticut Yankees or overly challenge seniors.”

Gaffney says, “Since this is a volunteer-run operation, the site needs to be simple HTML-only with JPG and/or GIF images. No Flash. No bells and whistles.” Designer Ashley Haffner based her redesign of the site on an outline of pages and needs that Gaffney provided—allowing room to grow.

“I put the committee chair’s letter on the home page because I’m assuming this will be a monthly updated feature,” says Haffner. “But even if it isn’t, I think this is the way to welcome people to the site. The flag visual adds interest, while allowing a break between the main content and the navigation.”

“By putting everything on the right of the web page you risk people not noticing it,” says Haffner of the original navigation on the site. “Most viewers scan down the middle of a page and if they’re on a small screen or have the type set huge—as my mother does—they cut off the entire right side of the screen. And unless they scroll over, they may not even realize anything is there on the right.” Haffner added large buttons to the top navigation and created a left navigation bar for ease of use.

Haffner selected traditional red-and-blue patriotic colors paired with gray, but also added a richer shade of brick red. She selected legible fonts, News Gothic and Garamond, to use in the redesign. She also says, “Highlighting the other candidates is great, but instead of the ‘More’ link taking visitors to the other member sites, it would be better to have a link to a page that briefly highlights the candidates first. The GDTC shouldn’t be in such a hurry to send visitors to other sites. It gets viewers sidetracked from the main intent—which is to make them informed Democrats who volunteer and vote.”


1. Original site
GDTC chair Maureen Gaffney says, “Our existing site is really a filler while we develop a more considered version. We want its voice to reflect a responsible, open and open-minded approach to sharing news of interest to local residents.”

2. Images
Designer Ashley Haffner selected an image of a flag (Image 22829877, Brand X Pictures, www.jupiterimages.com) to break up the heading and tabs from the main content.

3. Fonts
The designer selected News Gothic Medium and Garamond Regular for their legibility on screen.

4. Colors
Haffner kept the original blue-and-red patriotic palette, but added warmth with a rich brick red and a soft gray.


5. Home page
Haffner left room in her redesign for a new logo to be incorporated into the site. The current logo on the site is the Democratic Party’s national logo.

6. Welcome
The home page is the ideal spot to welcome visitors and let them know the site’s purpose. The left area in gray can be updated periodically with new images and information. Rewriting the introductory copy is recommended. It should take on a marketing and recruiting stance that will help grow site visitors and participation in the local government.


7. Left navigation
“Once the viewer has moved beyond the home page, the site navigation remains at the top, and subcategories for that section show now on the left,” says Haffner. “This is to help the viewer keep track of where he is in relation to the main navigation and also to access the subcategories in the secondary navigation. On the left side, the active section is in red, and the current page is in blue. Areas not accessed are in gray. When a subcategory of the secondary navigation is accessed, it too is highlighted in blue.”

8. Calendar
“There is a calendar of events under the ‘About’ link,” says Haffner. “On this monthly calendar there are now more links to explain the various events taking place. There is also a place to sign up for e-mail alerts.”

|« 1 | 2 | 3 | 4 | 5 »|
Events & Courses


JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Intel PDF: Virtualization Delivers Data Center Efficiency
Intel eBook: Managing the Evolving Data Center
Microsoft Article: BitLocker Brings Encryption to Windows Server 2008
Symantec eBook: The Guide to E-Mail Archiving and Management
Microsoft Article: RODCs Transform Branch Office Security
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
Avaya Article: Advancing the State of the Art in Customer Service
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Seminar: Efficiencies in Hardware/Software Virtualization
HP Webcast: Disaster Recovery Planning
Go Parallel Video: Performance and Threading Tools for Game Developers
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
IBM TCO eKIT: Your IT Budget is Under Attack, Get in Control
IBM Energy Efficiency eKIT: Learn How to Reduce Costs
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Microsoft Article: Silverlight Streaming--Free Video Hosting for All
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
HP Demo: StorageWorks EVA4400
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES