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.
Selected Work
Maria Callas
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.
Ü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.
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.
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.
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.
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.
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.
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.
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.
Juicebox
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.
AllMyTweets
AllMyTweets is a simple one-page web app to display all your tweets on one page. Shared on Twitter over 14K times.
SimpleViewer
SimpleViewer.net is the home of the SimpleViewer family of image viewers – professional quality, fully customizable Flash image galleries. These galleries come in a free version and a pro paid version. The free versions are downloaded over 15,000 times a week.
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.