Alternate colors on table rows to improve visibility

On this page for Caterpillar’s Hawthorne PowerSupply, an uninspired table is complicated by border lines and flat colors. It’s also competing with the upper portion of the screen. And there’s an unnecessary left column navigation bar.

The elimination of border lines reduces the clutter of the table; contrasting colors now deliniate the various rows. Our new template maintained the Hawthorne brand image and featured a gracefully arcing montage on the left side in place of red menu buttons. We reclaimed some screen space by moving the two logos to the bottom and reducing their size. The top of the template was now freed up for a flat yellow title block area.

The City of Savannah New Employee Orientation Presentation, featured numerous tables, charts and diagrams.  But the flat color of the background and the basic tables left audiences bored and uninspired.

The presentation makeover included an abstract multi-dimensional template integrating the City's colors/brand.  To help differentiate the rows on the charts, we removed the table borders, and used varying shades of grey (80% and 50%) to improve visibility.