Project

T-Shirt Kiosk

Overview

Challenge

Nike set out to "create brand energy" by launching a retail pilot using custom touch-based interfaces and a treasure trove of exclusive logos, artwork, patterns, and colors.

Solution

Our team designed, built, tested, and installed software and hardware for an initial release at Finish Line HQ.

Role / Time

Interaction Designer / 2010

Approach

Unlike most agency work that ends after a single release or campaign, this project spanned more than a year, so our approach was extremely experimental and steady. I was highly involved at each step and led on-screen interaction design. We tested ideas internally and during client visits at our studio.

Process

Sketches

We were designing and building for a 32" touch screen display that would live in-store with young shoppers. There weren't many precedents for this type of experience at the time, so it was an extremely open-ended and creative challenge. I started sketching in a small notebook, but then quickly transitioned to a large paper pad in order to emulate the true scale of the UI. This shift was critical. I learned the term "gorilla arm" and how to balance a guided, linear journey along with flexibility for users who wanted to hop around when customizing their t-shirt.

Flows and Lo-Fi Wireframes

The interface had several modes, so a hefty set of flows and wireframes was important not only for understanding how the system would work, but also for communicating to the client how we would showcase graphics with uncommon brand value. We designed the flow to support basic selections like gender, size, and color. The logo placements, logo customization, and name/number details made the kiosk special.

Visual Designs

The visual designs and animation were fun. I was fortunate to get to see my ideas and architecture come to life through collaboration.

View decks:

Interaction Designs

Visual Designs

III. Delivery

I was on the 3-person team that traveled to Indiana to setup and launch the pilot. I collaborated to build a marketing plan and assembled a hardware user guide for retail employees too.

IV. Outcome

I learned all about retail usability, garment printers, diy touch screens, and quite a bit more. Our squad was able to keep shipping software updates, and the relationship with Nike continued to grow. We shared data with the stores over the course of the summer and evolved the system to support hoodies. We designed and developed complementary experiences on web and mobile as well. #win

Keep Scrolling