Hey, this is important! Make the world a better place and update your browser. You're missing so much of what the web has to offer, including the contents of this website.
div.b div.b_top { background: #dc484b; } div.b div.b_bot { background: #dc484b; } div.g { background: #dc484b; }

Interactive

Milwaukee Art Museum Lab Voting Kiosk

The Milwaukee Art Museum wanted an interactive voting kiosk for the opening of their new Kohl's Education Center. This Kiosk allows patrons to vote for their favorite works and is the result of a collaboration with the education staff of MAM. It includes five touchscreen displays for the patron voting as well as a large results screen showing the most recently selected works and the current top 20 works in the voting tally with live updates.

The entire kiosk is an HTML5 web app running on Google App Engine in Chrome browser. Animations are done via CSS Transforms and almost 200 works are pulled randomly from a selection of MAM's permanent collection.

In-gallery photos by John R. Glembin.
Google App Engine development by Gumption, LLC.

div.b div.b_top { background: #f26fa5; } div.b div.b_bot { background: #f26fa5; } div.g { background: #00b2e7; }

Interactive

Bistro Timeline

The Bistro Timeline is an interactive date-driven timeline on the history of projects produced by the Bistro group. The timeline is built purely by data and expands appropriately with every passing day. Developed for both desktop and tablet.

div.b div.b_top { background-color: #ffed4d; background-image: -moz-linear-gradient(top, #ffeb50 0%, #ffed4d 100%); background-image: -webkit-linear-gradient(top, #ffeb50 0%, #ffed4d 100%); } div.b div.b_bot { background-color: #ffed4d; background-image: -moz-linear-gradient(top, #ffed4d 0%, #e3cf42 100%); background-image: -webkit-linear-gradient(top, #ffed4d 0%, #e3cf42 100%); } div.g { background-color: #ffed4d; background-image: -moz-linear-gradient(top, #ffeb50 0%, #e3cf42 100%); background-image: -webkit-linear-gradient(top, #ffeb50 0%, #e3cf42 100%); }

Interactive

Best Buy Idealist

Idealist was the next phase of the Best Buy Gift List, the precursor to what ultimately became Best Buy's Registry. It was a mobile app (iOS and Android) that let users log in via various social media sites (Twitter, Facebook, Google) to create and share wish lists with others.

The app worked by scanning actual products with your phone camera, via either QR Code or UPC. This allowed customers to quickly scan products in store without the need to sign up on a terminal or get a hand held scanner from an employee.

div.b div, div.g { background: #acad9d; }

Artwork

Slide To Unlock

Lock/Home screen for my iPhone.

div.b div.b_top { background-color: #fef53c; background-image: -moz-linear-gradient(top, #fff887 0%, #fdf16a 100%); background-image: -webkit-linear-gradient(top, #fff887 0%, #fdf16a 100%); } div.b div.b_bot { background-color: #fef53c; background-image: -moz-linear-gradient(top, #fdf16a 0%, #fbef00 100%); background-image: -webkit-linear-gradient(top, #fdf16a 0%, #fbef00 100%); } div.g { background-color: #fef53c; background-image: -moz-linear-gradient(top, #fff887 0%, #fbef00 100%); background-image: -webkit-linear-gradient(top, #fff887 0%, #fbef00 100%); }

Interactive

Universal View

Universal View is a tablet prototype for Best Buy's product catalog. It is entirely a web driven interface using standard HTML5, CSS3 and JS. As such it will run on any tablet (iPad or Android based).

The design is very liquid, as orientation change will redraw the layout automatically via CSS, examples of which are shown in the screens provided. Interaction uses the inherent features of a tablet device (swipes, taps, etc). The data output is actual Best Buy data coming from their various product, reviews and listing API's.