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, 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.

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

Interactive

50/50 Kiosk

Custom touchscreen kiosk for the exhibition 50/50: Audience and Experts Curate the Paper Collection at Walker Art Center. Because the exhibition was hung salon style, normal wall labels could not be used. This kiosk provides the information normally found on walls labels for patrons.

The kiosk reflects the artworks on the walls of the gallery. Users swipe the "walls" back and forth to find the work they want more information on, and then tap the artwork to see detailed text about the object as well as a larger image of it.

In-gallery photo © Walker Art Center.