Client Project Samples
While the majority of our work for enterprise organizations is confidential, this page includes samples of recent work demonstrating various skills involved in GIDI principal P.J. Gardner's consulting work for larger organizations and non-profit organizations.
To learn more about any project, click the thumbnail images or links on this page (web sites subject to change).
For custom and accessible web sites created for small to mid-sized businesses, also visit P.J. Gardner's Custom Web Site Portfolio.
Information Architecture
For Blue Cross Blue Shield of Massachusetts (Spring 2007), I redesigned the Health & Dental Plans section of bluecrossma.com to incorporate changes in demographics based on the new Massachusetts health care reform legislation.
Instead of selling primarily to employer groups, as of July 1, 2007, BCBSMA also offers health plans directly to consumers. The new version of the Health & Dental Plans section went live on March 30, 2007.
Blue Cross Blue Shield of Massachusetts
.
.
.
.
- www.Bluecrossma.com (Home page).
- www.Bluecrossma.com (Health & Dental Plans).
- www.Bluecrossma.com (Get Blue).
- www.Bluecrossma.com (Learn About Plan Options).
Sitemaps
.
.
Note: Full size sitemap views available by request only.
Wireframes
.
.
.
.
Note: Full size wireframe views available by request only.
The Microsoft Visio wireframe files are large and contain many tabs. The originals print on 12" x 18" paper. Additional site changes were made after the wireframes were created.
^ Top
Club Blue
While at Blue Cross Blue Shield of Massachusetts, I created site maps and wireframes for a new microsite, called Club Blue, to promote value-added services to plan participants ages 19 to 26. This site went live on May 1, 2007.
Club Blue can be found by navigating a special Blue Cross Blue Shield of Massachusetts Flash website for people ages 19 to 26 years old, called whygetit.com.
.
.
.
.
Note: Full size sitemap and wireframe views available by request only.
I also designed a prototype for a more broad-based consumer program, which is not planned for release at the present time.
.
.
Note: Full size sitemap and wireframe views available by request only.
^ Top
Front-End Web Development
In addition to my freelance business developing websites for small businesses, I also utilize my web development skills in performing website design and conversions on larger projects.
Staples.com
At Staples, I participated on a team of three to four front-end Web developers, creating page templates for the majority of page types for the Staples.com site using XHTML and CSS (Spring, 2004).
The purpose of the project was to convert the previous site from a table-based layout to a standards-based, modular design to support efficient content management.
.
.
^ Top
Broadleaf Services, Inc.
A website conversion project for Broadleaf Services, Inc. (Fall 2007). The goal for this project was to convert an unnecessarily complex website written in PHP and a proprietary content management system to clean, standards-based XHTML, so that the customer can control and maintain their own content without being dependent on their previous web development company.
In the process, the site was converted from a fixed, table-based layout to a fluid page design with flexible fonts, controlled entirely by the cascading style sheet. The result was obtained without significantly altering the visual design, other than to add new CSS drop-down menus.
.
.
- Broadleaf Services (original) (larger image in a new window).
- Broadleaf Services (redesign) (larger image in a new window).
- Broadleaf Services live website.
- Broadleaf Services testimonials.
^ Top
Cascading Style Sheets
A website I built for Anna Maria Lifestyles Condominium, a small website customer, both with and without its cascading style sheet.
.
.
All the sites I build for my small business customers work the same way, and all of them resize to fit the browser window, regardless of window size.
^ Top
Accessible Web Design
For my own company, Gardner Information Design, Inc., and for all my small business and professional organization customers, I create clean, accessible, standards-based web designs. These samples demonstrate my specialty in accessible web design.
.
.
.
.
- P.J. Gardner: Web Site Portfolio (small business websites).
- Boston-IA.org.
- AIR-Boston (at Knowbility.org).
- TecAccess.net.
^ Top
Presentations
A PowerPoint presentation about the accessibility of Boston-IA.org (a website I designed and built to demonstrate accessible design techniques).
.
- "Lessons from an Accessible Website: www.Boston-IA.org" (new window).
^ Top
Technical Writing
Prior to concentrating on the Web, I spent the majority of my career as a technical communications professional. This example is a user manual for a Web-based application, written for the Enterprise Testing Group at Blue Cross Blue Shield of Massachusetts (Fall, 2006).
.
Note: Microsoft Word and PDF versions available by request only.
^ Top
Other Writing Samples
An article I wrote about my mentor in the accessibility field when he passed away in 2004, demonstrating a more personal writing style.
.
^ Top