Maria Callas

Designed and developed an Audio Visualizer for this Maria Callas tribute site. Using custom audio reactive framework, three.js, and GLSL shaders. Built with Uprising.

Winner of FWA Site of the Day and CSS Design Awards Site of the Day.

View Online →

  • Date: Dec 2017
  • Category: Client Work
  • Role: DESIGN AND DEVELOPMENT

Faraday Future

Website for Faraday Future – an electric car company. Site combines HTML overlay text with WebGL animations, including 3D car renders and particle systems driven by page scroll. Works on Desktop and Mobile. Lead WebGL development.

View Online →

  • Date: Jan 2017
  • Category: Client Work
  • Role: LEAD DEVELOPER

ÜberViz

ÜberViz is a collection of custom real-time audio-reactive music visualizers, using web technologies such as WebGL, Web Audio, and custom GLSL shaders.

Winner of FWA Site of the Day and Adobe Cutting Edge Award.

View Online →

  • Date: Jan 2016
  • Category: Client Work
  • Role: Design and Development

Cryptaris

Cryptaris is a narrative mission comprised of 7 WebGL games, each testing the user on an array of STEM skills that are required by the U.S. Army. Built with Three.js WebGL and CSS3D. Acted as lead developer, concepting, prototyping and building main site 3D environments and the first 2 games. Runs on desktop and mobile. Built with Tool of NA.

Winner of FWA Site of the Day, Awwwards Site of the Day, CSS Design Award.

View Online →

  • Date: Nov 2015
  • Category: Client Work
  • Role: Lead Developer, Concepting, prototyping.

Out Holding Hands

A WebGL experience to promote LGBT awareness for AllState. Displays a chain of supporters via a 3D visualization. Upload an image to join the chain. Built with Tool of NA.

Winner of CSS Design Awards SOTD, CSS Design Awards Best Community Site.

View Online →

Game of Odds

A card sorting game based on the chances of certain life events occurring. Built with JS and HTML5 to work on mobile and IE. Built a multiplayer version using node.js on the server. Developed with UseAllFive for Prudential Insurance.

View Online →

Airbnb Globe Visualizer

A WebGL data visualizer for Airbnb. Runs on desktop and mobile. The 3D globe displays real-time usage data from Airbnb. Map textures are loaded via a tiling system to optimize load times. Using custom GLSL shader to animate dots. Features details such as planes, animated illustrations and a space station.  Built with Tool of North America.

Winner of FWA Mobile of the Day, FWA Site of the Day, the One Show UX/UI award.

View Online →

US Open Sessions

IBM collaborated with James Murphy to turn live data from U.S. Open Tennis matches into generative music and visuals. I worked with Tool of NA to build out the match visualizer, including audio-reactive animations. The site is mobile first, built with HTML5 and Pixi.js.

Winner of  D&AD Digital Brand Expression and Digital Design Awards, Adobe Cutting Edge Award, FWA Mobile of the Day, FWA SOTD, Mashies Award, The One Show Animation and Sound Design Awards.

View Online →

SynthCube

SynthCube is an interactive 3D sound toy built using the Web Audio API. As part of Google Creative Lab’s CubeLab project, I was tasked to build a musical instrument using the Rubik’s Cube as an interface. All sounds are generated in code and audio effects are applied in real-time.

View Online →

  • Date: May 2014
  • Category: Client Work
  • Role: Lead Developer

The Power Inside

Website and Facebook site for Intel’s new social media film: “The Power Inside”, staring Harvey Keitel. As lead developer I built a responsive HTML5 website with localized content and image gallery. Also built the Facebook site including a ‘Mustacher’ application that allows the user to create and upload a ‘mustached’ image of themselves using the webcam and face detection. Built with Tool of North America.

Winner of Cannes Cyber Lion Online Video Award, Webby’s Interactive Advertising Award and Best Use of Video Award, FWA Site of the Day, Daytime Emmy Nominee.

View Online →

  • Date: Aug 2013
  • Category: Client Work
  • Role: lead developer

Yaris – It’s A Car!

The 2012 Toyota Yaris site is a HTML5 interactive video tour built with WebGL 3D graphics, realtime physics, adaptive sound, and multi-user capabilities. Acted as lead developer, working for ACNE Production and  Saatchi & Saatchi (LA).

Winner of FWA SOTD.

View Online →

  • Date: Oct 2011
  • Category: Client Work
  • Role: Lead Developer

AllMyTweets

AllMyTweets is a simple one-page web app to display all your tweets on one page. Shared on Twitter over 14K times.

View Online →

  • Date: Jun 2011
  • Category: Client Work
  • Role: Design and Development

E! Online Video Gallery

A dynamic video gallery for E! Online. Allows video browsing via related tags. The video player is built off the Brightcove API. Supports multiple regions, playlists and color schemes. Handles tracking via Google Analytics and advertising support via the DoubleClick API.

View Online →

  • Date: Jun 2009
  • Category: Client Work
  • Role: Flash development, Motion design

MySpace Video Player

MySpace’s new video player supports flash full-screen mode, a related videos menu, skinning, ads, localization, HD video, and sharing features.

View Online →

  • Date: Jun 2008
  • Category: Client Work
  • Role: Flash development and UI design.

Brightcove Platform

Developed Brightcove’s video players, including a core ActionScript library to be used across the Brightcove platform.

View Online →

  • Date: Nov 2006
  • Category: Client Work
  • Role: Flash development