Making awesome things with computers and knowledge.
Toggle Menu
 
Nike Women's Spring Collection
Client
Nike
Dick's Sporting Goods
Agency
Steady LTD
2012

I created a custom CakePHP application to help manage a space within the Dick's Sporting Goods retail website dedicated to showcasing the Nike Women's apparel current seasonal directives.

The application administration interface allows a user to create new groupings of looks based on a specific product, and associate any number of styled looks to the grouping. Each look has a front / back view and a zoomed in version of each view as well. The CMS interface lets a user manage all related look assets, as well as page meta data which plays a major role in the goal of driving social media traffic and improving SEO.

Roles
  • UX Design
  • Visual Design
  • PHP Development
  • Front End Development
  • Nike Womens Spring 0
  • Nike Womens Spring 1
  • Nike Womens Spring 3
  • Here's a demo screencast of the CMS in action (real time, unedited, sorry...)
Nike x Foot Locker - House Of Hoops Touchscreen Kiosk
Client
Nike
Footlocker
Agency
Steady LTD
2010 - 2013

I developed a custom touch screen Actionscript application to be embedded in-store at various House Of Hoops locations throughout the world.

Nike had chosen to use a hardware vendor named ECast that made proprietary touch screen units. These units ran a version of the Flash player with some proprietary elements, but were mainly used in bars as touch screen juke boxes.

To manage application content, I created a custom component within the House Of Hoops Website CMS to manage content deployments for the in-store units.

For the first version of this application, I had written custom swipe detection which is demonstrated in the first video below. The second version of this application was streamlined, with different content types being presented in a modal view.

The project has seen multiple versions. The video demo is from the first version in 2010. The screenshots are from the latest live version which was deployed in 2013.

Roles
  • Creative Strategy
  • Rapid Prototype Development
  • UX Design
  • Visual Design
  • Actionscript Development
  • PHP Development
Nike x Foot Locker - House Of Hoops Website / CMS Platform
Client
Nike
Footlocker
Agency
Steady LTD
2010 - 2013

The House Of Hoops CMS platform allows an administrative user to create new content features, promote lead product stories, add and maintain news post, manage product release information, as well as managing store locator information and a calendar of upcoming in-store releases.

The application features functionality such as time sensitive item publishing for product release information, and the ability to override standard template pages with custom code. This gives the client the flexibility to override the output of any page rendered by the application and make a totally custom experience without having to alter the main site codebase.

The whole system has been designed to work with a multiple server environment, with all site edits being made on a staging environment. The client could then approve the updates and publish individual sections to the live website via a simple user interface. This helped alleviate the burden of having developer resources dedicated to pushing new content to production.

Roles
  • Creative Strategy
  • UX Design
  • Visual Design
  • PHP Development
  • Frontend Development
  • Nike Tsa 1
  • Nike Tsa 1
  • Nike Tsa 1
Nike Pro Combat Touchscreen Installation With RFID Recognition
Client
Nike
The Sports Authority
Agency
Steady LTD
2011

I developed a touch screen application to promote Nike's PRO-COMBAT line of training and game day products, to be installed in a large floor display within The Sports Authority, in Beaverton, Oregon.

The initial concept was a touch screen application that played with the idea of the split screen animation based off a detail noticed in that season's visual center.

We decided to add an additional level of interaction to the application by having RFID chips embedded within a subset of shoes that were allocated to the display. When a particular shoe was picked up and placed on a pedestal mount hiding an RFID reader, the application would display information about the requested product which the user then could further interact with.

Roles
  • Creative Strategy
  • Rapid Prototype Development
  • UX Design
  • Visual Design
  • Actionscript Development
  • Nike Tsa 1
  • Nike Tsa 1
  • Nike Tsa 1
  • Quick video of the application installed on-site at The Sports Authority in Beaverton, Oregon.
  • Proof of concept video during the development process.
Keds x Bloomingdales x The Whitney Touchscreen Experience
Client
Keds
Bloomingdale's
The Whitney Museum
Agency
Night Agency
2010

In 2010, I was the technical and creative lead for an application developed for a special project with Keds and The Whitney Museum.

We were given 6 store front windows of Bloomingdales on Lexington Avenue in Manhattan to promote a "DIY" campaign that Night Agency had developed. They decided to have some art students create live paintings and showcased a shoe designed by artist Jenny Holzer within the first three windows. I was tasked with coming up with an interactive concept we could execute quickly for the remaining three windows.

Based off the online customization application that I had developed a few months prior which allowed a user to fully customize and purchase a pair of Keds online. I developed a stripped down touch screen version utilizing the same data model to be embedded within 2 of the windows as part of our installation as a Flash application.

A simplified approach to the design tool allowed a user to start a shoe via the touch screen application and email the design to themselves to finish and purchase at a later time, via the Keds website. My friend and über-talented developer Ramon Torres helped devise a system that allowed us to monitor the status of our application and reboot the system remotely if we encountered any problems. We were also able to push application file updates to the system remotely if needed.

The touchscreen application was developed to work in conjunction with a capacitive touch film that was mounted on the inside of the window glass so a user could interact with the application while standing on the sidewalk. This was one of the first applications of it's kind in an outdoor environment, and a first for Bloomingdales. The application ran non-stop for 3 weeks, with one scheduled reboot at 4am every morning. The application also ran simultaneously at a Gap "White Space" Pop up space on 54th St and 5th Ave.

Kenny Pascal handled the motion graphics for the 3x3 video display in the center window and our team basically pulled this whole thing together in about a week and a half from start to finish.

Roles
  • Creative Strategy
  • Rapid Prototype Development
  • UX Design
  • Visual Design
  • Actionscript Development
Keds Shoe Configurator
Client
Keds
Agency
Night Agency
2009

I was the lead Flash developer during Night Agency's digital refresh of the Keds brand.

One of the client requests was to rebuild a customization tool for the Keds Champion shoe model. Keds was working with Zazzle.com to provide canvas printing on custom shoes, but the customization tool resided on Zazzle.com. The initial proposed solution was to embed the tool via an IFrame, but Keds requested that we build them their own tool on top of Zazzle's rendering API.

After a few weeks of reverse engineering server calls and a lot of late nights, I had rebuilt the entire application interface in Actionscript.

My friends Ramon Torres and Darius Daftary kicked ass with handling the PHP services that powered the application. The project launched in 8 weeks from start to finish, and then included a second phase where Men's Pro-Keds shoe models were also added.

Roles
  • Creative Strategy
  • Rapid Prototype Development
  • UX Design
  • Visual Design
  • Actionscript Development
  • Screencast of the Keds Shoe Configurator in action.
  • I had a lot of fun developing this sequencer class. I ended up creating an autoplay demo mode that interacts with the actual application interface to show users how to use the app.
Champion Hoodie Remix
Client
Hanes / Champion
Agency
Night Agency
2008

I built a design tool that would allow users to customize Champion hoodies for an online promotion. Utilizing some greyscale trickery and some Bitmap displacement techniques that were newly available to Flash at that time, I was able to simulate tiled patterns being displaced along curves.

Hoodie Remix is a lightweight Flash application that supports an infinite amount of RGB color combinations and a pattern library of over 120 patterns.

The contest ran for 3 months, and fielded approximately 200k submissions from over 90k users. In the end the winning hoodie was produced and available at a number of Champion retailers.

Hoodie Remix was TheFWA Site of the Day, March 20, 2009

You can still view the site in action here
hoodieremix.com/#design

Roles
  • Creative Strategy
  • Rapid Prototype Development
  • UX Design
  • Visual Design
  • Actionscript Development
  • Hoodieremix 1
  • Hoodieremix 2
  • Hoodieremix 3

Andy Schaaf

Creative Technologist

As long as I can remember, I've loved art and drawing on stuff. My father was a bit unorthodox, and would give me tattoo flash sheets to play with instead of coloring books. As little kid in the 80s, I got myself hooked on Super Mario Bros. and Duck Hunt when the first 8-bit Nintendo came out. I also remember sneaking on to my older brother's Commodore 64 to play games, and got pretty good at breaking things on his computer, then fixing them before he would find out that I was there. No wonder I developed an interest in computers as I got older.

I went to school for graphic design and graduated at the beginning of the dot-com boom with a degree in Visual Communications. I was lucky enough to get a job right out of school and grow with this industry. I learned Flash as it was developing as was eventually bamboozled into writing code as Actionscript became an actual programming language.

These days, I do the majority of my work with PHP as the primary back-end language, using HTML / CSS / Javascript on the front end.

I am currently a freelance full-stack developer living and working in New York City.

If you have any questions, please feel free to drop me a line.

 
Awards / Recognition
  • OMMA - Website Excellence (Sept 2010) - Keds.com
  • OMMA - Integrated Online Campaigns (Aug 09) - Hoodie Remix
  • FWA S.O.T.D (March 09) - Hoodie Remix
  • Adobe Site Of The Day (Sept 07) - EsquireNorth
  • Adobe Site Of The Day (Sept 07) - GE Money Financial Calculators
  • Adobe Site Of The Day (Sept 06) - 30 Days Of Fashion
  • Adobe Site Of The Day (Aug 06) - Live Buy It
  • Macromedia Site Of The Day (Aug 01) - Amster Yard

Skills / Expertise
  • Art Direction
  • Creative Strategy
  • Front-End HTML/CSS Development
  • Javascript Development
  • PHP Development
  • Actionscript Development
  • Rapid Prototype Development
  • Mobile Application Design / Development
  • Touchscreen Experience Design / Development

Contact Info
Andy Schaaf
secretlaboratoryllc@gmail.com
Phone: 718.483.0613