Network & Affinity Leadership Congress (NALC)
web site

www.nalc.diversitybestpractices.com

This website is used to promote Diversity Best Practices’ and its parent company, the Working Mother Media’s Network and Affinity Leadership Congress (NALC) held in both the fall and the summer. NALC “brings together network and affinity group leaders from America’s top (Fortune 500) companies for leadership training, networking and to share best practices.”

The site runs on ColdFusion and uses a CSS tab-style navigation. For the fall NALC conference I created a Speakers’ section with photos and biographies, as well as a post-conference JavaScript photo gallery with pop-up windows and captions. The other sections of the site include an Agenda page with course session descriptions, and post-conference PowerPoint presentations; a confererence Registration section which has several pages with printable PDFs; an Awards section; a Sponsors’ page, and a Resources page for related publications.

In February, the NALC logo was redesigned, and I was asked to redesign and update the website and its colors to complement the new logo. I created a new header to go with the new NALC logo, and revamped all of the site pages with new navigation colors and links. I also updated the slideshow of images found on both the homepage, and added a new rotating image slideshow within the left sidebar of the main website page. In addition, I added new sections such as the Agenda section, with pop-up windows detailing the course sessions, and updated the content throughout the site with all of the information for their upcoming 2008 NALC summer conference.

In addition to managing the website, I created three e-flyers to announce the upcoming NALC 2008 conference, which have header images that incorporate the look of the website’s main navigation tabs as a clickable image map, along with a photo border of highlights from their fall 2007 conference. Each e-flyer header had a different caption such as,“Save the Date,” “Join Us,” and “Register Now” depending on its purpose. The e-flyers were coded in Dreamweaver first, then sent out via Constant Contact to members.

 

 

Below are some screen shots of the various site sections:

 

JavaScript Photo Gallery showing Fall 2007 Highlights
with pop-up windows and captions

URL: http://www.nalc.diversitybestpractices.com/highlights/highlights_07.cfm

 

 

2008 Agenda page with pop-up window showing course session detail.

URL: http://www.nalc.diversitybestpractices.com/agenda/agenda.cfm

 

 

2007 Speakers section with photos and bios for each speaker (3-4 pages)

URL: http://www.nalc.diversitybestpractices.com/speakers/speakers07.cfm

and the

Current 2008 "Call for Speakers" page

 

One of three NALC E-flyers that I set up in Dreamweaver, which were sent out to members via Constant Contact.
(I created the mock navigation as a clickable image map with the line of photos under it. Each tab takes
the user directly to that page on the website, while the underlined text links to the Registration page.)

 

 


Conference registration landing page

URL: http://www.nalc.diversitybestpractices.com/registration/registration_08.cfm

 

 

back to DBP websites/Other Projects page