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.

February, 2012

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.

October, 2011

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.

May, 2011

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.

December, 2010

Public facing mobile site for the Best Buy Gift List feature on their mobile app. Users of the mobile app can share their gift lists with friends via Twitter, Facebook or email. The links from each take you to these mobile landing pages that people can take with them to stores as a shopping list, or buy right from the phone itself.

November, 2010

Prior to my departure as Senior New Media Designer at the Walker Art Center I worked on a project code-named "Better". "Better" was a full redesign and rethinking of the Walker website. The previous site had the concept of "neighborhoods" which were visually distinct areas of the website. The redesign would consolidate the design into one overarching Walker theme modeled after our print magazine (which was being redesigned in tandem with the website).

A major goal of the design was to push writing and articles more than before. We were trying to move the museum beyond the events and artwork it contained and position the Walker as a leader in art journalism and promotion around the globe.

I left the Walker previous to the completion of the project which would finally launch over a year later. Many of the original ideas brainstormed made it into the final website relaunch.

August, 2010

For the Walker Art Center exhibition 50/50: Audience and Experts Curate the Paper Collection, patrons of the museum were asked to vote on a set of artworks with the top vote getters being included in the show. This iPad web app (also usable on phones and desktop browsers) was a simple and effective way to get users to quickly and easily vote on works and see the current results in real time.

August, 2010

A touchscreen kiosk designed and built for the Walker Art Center exhibition Benches and Binoculars.

The kiosk computer is an HP TouchSmart with Windows Vista. It's running a special version of Google Chrome with a kiosk mode patch compiled in. As such the interface itself is an interactive website built on traditional web standards.

The interface shows the artworks on two large walls in the galleries. A user can move the "walls" left and right, and then tap on an artwork to bring up detailed information on the object.

Kiosk cabinet designed and built by the Walker carpentry shop.

November, 2009

AXBX in the book Glitch: Designing Imperfection.

2009

Fresher Styles for Web Designers: More Eye Candy from the Underground

December, 2008