Chris Basham

User experience designer.

Prototyper. Developer.

Energy Safe Kids

Energy Safe Kids is a micro-site sponsored by Vectren Corp to promote and educate natural gas and electricity safety to elementary students.

Concept

Approached by Vectren Corporation, I along with a team of IUPUI faculty and undergraduate New Media students developed a comprehensive online experience to promote and educate natural gas and electricity safety to fourth-graders. In November 2009, Vectren, with the support of the Natural Energy Foundation, promoted this initiative called Energy Safe Kids across hundreds of elementary schools in the greater Indiana-Ohio area.

The project consists of three essential parts: two educational games (for both natural gas and electricity), the website and a reporting database. Professors Brian Ludwick, Matt Powers and Ricardo Laranja led student teams to, respec­tively, tackle art direction, game development and sound design. Working with Jennifer Stewart and Skip Comer, I developed and implemented the website and reporting database.

Developing the website

As an initial task, the web team designed a sitemap after organizing and analyzing various provided educational materials and static page copy. To simplify hierarchy, all pages nest no more than one layer deep and all adult-specific information is relegated to its own section. Since elementary students are the primary demographic, the site tailors to children before teachers and parents.

Sketch sample

1 Natural gas game page sketch.

As a way to entice young readers to purposefully absorb secondary static information (beyond the primary safety content presented in the games), every page's layout is uniquely designed to fit the content.1 To understand information flow in a higher fidelity, wireframes were designed for every page before committing to markup.2 Afterward, a visual aesthetic and template were adapted from the color schemes and art assets provided by the art direction team. Once integrated into a WordPress back-end, static pages were implemented based on the wireframes and the completed games were published.

Wireframe sample

2 Call before you dig page wireframe.

Sketch sample

1 Natural gas game page sketch.

Wireframe sample

2 Call before you dig page wireframe.

Implementing the reporting database

While informing students about the initiative in class, teachers encourage students to complete both an electricity and natural gas questionnaire with their parents to self-check how well their respective households comply with safety standards. Completing this report card enters the student in a contest to win a desktop computer. A WordPress plugin allows Vectren to easily extract relevant information from these completed reports, highlighting potential safety concerns by state, county and school.