Graham Slick

Every project UX

GE Garages

User experience and wireframes for the GE Garages website, the online home of GE’s touring workshops for makers, at Sub Rosa.

When
2013–2014
Role
User experience and wireframes
At
Sub Rosa (now SSR), New York
For
GE

GE Garages was GE’s program for makers: a tour of workshops, lectures and demos, with partners who shared their know-how. At Sub Rosa in New York, Graham worked on the user experience of its website, GEGarages.com, planned in the wireframes as a hub that connects makers with the partners and their knowledge, a bridge to GE’s Open Innovation and the primary source for detailed tour information.

The second round of wireframes, presented on January 31, 2014, covers the whole responsive site, from a 1024 px desktop down to a 320 px phone. A global header, in English or Simplified Chinese, lists the sections in the order a visitor would ideally browse them. Then come the homepage, an overview of the program, the global tour and a page for each city, with the day’s workshops, lectures and demos, a gallery of projects to make, from a weather clock to a hacked fridge, each with its materials and step-by-step instructions, and Open Innovation, with its challenges and hackathons.

Roles User experience design · Information architecture · Responsive design

Wireframe of the GE Garages homepage: the navigation with English and Chinese, an alert about a workshop in Washington, D.C., a hero slide announcing an Open Innovation challenge, Hack a Refrigerator, the Washington, D.C. stop and its Open Innovation event, partners, Instagram and tweets, and the footer
The homepage
The top of the overview wireframe on a desktop: Welcome to the Digital Home of Garages, an introduction, and The Garages Story with a video player beside it
The overview on a desktop, top
The same page on a tablet, in one wider column, the video player under the story’s heading
On a tablet
The same page on a phone, with a menu button, a link back to Home and a see more button under each section
On a phone
Wireframe of the global tour page: Garages: 4 Continents for 2014 beside a world map with pins, then a section for each stop with its dates, starting with Washington, D.C., and the partners
The global tour
Wireframe of a city page, GE Garages Washington, D.C.: the dates and hours, a welcome, today’s highlights with times and buttons to register or join a waitlist, Open Innovation, local partners and Instagram
A city on the tour
Wireframe of the projects page: a featured project, Make Your Own Weather Clock, then a gallery of projects filtered by level, from Build a Weather Clock to Hack a Fridge, each marked with its partner
Projects
Wireframe of a project page, Build a Weather Clock: a video and photos, a PDF of the instructions, the basics, the materials you’ll need, and numbered steps, each with its own gallery
A project
Wireframe of the Open Innovation page: Take Garages to the Next Level with Open Innovation, its story, hackathons, the latest challenge and a gallery
Open Innovation