Star Studio
Client:Coinstar
Agency:The Material Group
Role:ActionScript Development, UX & UI Design
Star Studio is an interactive photo booth aimed a tweens. It was built as an internal 'startup' project for our client, Coinstar. My primary role was to work with team members on implementation, and guide design for the photo booth and edit station kiosks.
Watch the case study video Watch the 'behind the scenes' videoCampaign Leadership Web App
Client:Kellogg School of Management
Agency:Prophet
Role:UX & UI Design, Graphic Design, Template Markup, Technical Project Management
The Campaign Leadership Web App was created to aid Campaign leaders in pursuing high-level donations to fund the transformation of the Kellogg School of Management. Since the web app is intended for a private audience, I've included the functional prototype here.
Check out the functional prototypeHot Box - Step Sequencer
Client:Personal
Agency:N/A
Role:All design & Development
Spoiler alert - still a work in progress! I'm a sequencer junkie, and I've been working on a Web Audio API project in my (precious little) spare time. It's been really fun to design a retro-looking machine, then figure out how to wire it up using the new Webkit audio api.
Check out the retro design Check out the functional prototypeicodeflash.com
Client:Daniel Lasky
Agency:N/A
Role:Graphic Design, Template Markup
icodeflash Portfolio Site is a design and front end development project for my friend and collegue, Daniel Lasky. Most of the design iteration was done 100% in markup, and the final templates were handed off at the end of the process.
Check out the siteAmerican Family Insurance - Dream Bank
Client:American Family Insurance
Agency:The Material Group
Role:ActionScript Development, UX & UI Design, Technical Project Management
Dream Bank is a 65" touchscreen kiosk. It was developed for the flagship 'concept' store Dream Bank, by American Family Insurance in Madison, WI. Design and implementation were interesting due to the compressed timeline and nature of the medium. We chose Adobe Air and the Starling framework as a solution to deliver both speed & visual finesse.
Watch the case study videoProphet - Promotions
Client:Internal
Agency:Prophet
Role:All design & Development
Recently, The Material Group was acquired by the brand strategy firm Prophet. As an initial push to amp up Prophets web presence, we designed and built micro sites to promote some of the firms core skill sets. The challenge was to create a clean, modern 'elevator pitch' while not straying too far from an already established brand and visual system.
Check out Prophet Strong Brands micro site Check out Prophet Healthcare micro siteHoliday Mini App
Client:Internal
Agency:Prophet
Role:Graphic Design, ActionScript Development, Technical Project Management
Holiday Mini Photo Booth was created for Prophets 2012 holiday party. Our aim was to test out the Adobe Air app packager, and translate some of the fun of Star Studio into a miniature format. We chose to focus on photo decoration, and share via Twitter. Shared photos were then aggregated and displayed in real time (via web app).
Check out some screens from Holiday MiniSecond City - Second Citizen & Box Office
Client:Second City
Agency:We are Mammoth
Role:Graphic Design, UX & UI Design, Template Markup, ActionScript Development
After successfully launching the Second City public site, We Are Mammoth continued consulting work with Second city. A second phase was proposed, to add a social and benefits program, and revamp the box office experience. I created detailed designs for both of these sections. Ultimately, these sections did not get produced due to budget constraints. Initial design & mood created by Brick Studios.
Check out the site View Performances Calendar design View Box Office Check Out design View Second Citizen Sign In deign View Second Citizen Dashboard designThe Material Group - Public Site
Client:Internal
Agency:The Material Group
Role:Template Markup, UX & UI Design, Technical Project Management
In 2011 The Material Group launched version 2 of it's public site. The redesign aimed to communicate a new focus on clean, modern standards based design - moving away from the Flash focus of past iterations.
Check out the siteWe Are Mammoth - Company Blog Design Iteration
Client:Internal
Agency:We are Mammoth
Role:Graphic Design, Template Markup
Back in late 2010, we began design iteration for We Are Mammoth's company blog. The goal was to create a 'newspaper' format, modeled after the dying print medium. Most of the design iteration was done 100% in markup.
Check out the mock up design