CSS – bruzed

Reduce, Reuse, Recycle, and Rethink

bruzed — Wed, 01 Jul 2015 23:40:20 +0000

Role: Senior Developer
Client: Solid Waste Authority of Palm Beach County
Team: Potion Design
Technology: Cinder, C++, OpenGL, GLSL, JavaScript, Node.js, Express.js, HTML, Jade, CSS, SCSS, Python, WebSockets, WordPress, PHP, MySQL, Multi-Touch

Reduce, Reuse, Recycle, and Rethink is a 20+ person multitouch interactive located at the education center in the Solid Waste Authority, West Palm Beach, Florida.

The interactive consists of a 20 foot multitouch table and a large video display system.

On the touch table, tour groups can explore an interactive map to learn more about the renewable energy facility and the area surrounding it. Users are also invited to participate in 3 interactive, educational games and learn more about recycling, waste and how to be more environmentally conscious. The experience is led by an instructor and controlled via a browser-based iPad application.

My responsibilities included developing a variety of features in the interactive map, 2 educational quiz games and an iPad controller application. The Potion Design team consisted of 1 designer, 3 developers and a producer.

A shopping quiz game in which an instructor can post different questions to the group members in a gameshow format, via the iPad controller app.

Users can interact with a large map of the facility and surrounding area. The map contains live streaming videos from parts of the facility, semi-live tracked trash trucks and information about the various processes.

Users can place their hands on the touch table to ‘log in’ to play the Recycle Right sorting game.

Users play as a team in an attempt to hand-sort as many incorrectly recycled items as possible, before they reach the trash.

Shake Shack

bruzed — Sat, 17 Nov 2012 20:58:35 +0000

Role: Technologist
Client: Shake Shack
Team: Big Spaceship
Technology: JavaScript, HTML, CSS, SCSS, jQuery, Bootstrap, PHP, WordPress, WordPress Plugin API, Python, MySQL, Facebook API, Foursquare API, Instagram API, Twitter API

Shake Shack is addictive burger shop that grew from a small hot dog cart in Madison Square Park to become a New York Institution.

The website is powered by WordPress, a custom responsive, modern, theme and numerous custom plugins that employ popular social API’s to showcase Shake Shack’s large community and immense social following.

Visit the site.

On a mobile device, users can view a map that uses geolocation to display the nearest Shake Shack location.

On a mobile device, users can choose from a list of Shacks sorted from nearest to farthest, based on their location.

Hewlett-Packard

bruzed — Thu, 11 Oct 2012 17:17:23 +0000

Role: Technologist
Client: Hewlett-Packard
Team: Big Spaceship
Technology: HTML, CSS, JavaScript, jQuery, LESS, PHP, Bootstrap

During my time at Big Spaceship, I collaborated with a team of designers, developers and producers to develop the front-end for Hewlett-Packard’s internal communications platform called OneHP. The design system consisted of a number of reusable components and was built with Bootstrap and PHP.

Chobani

bruzed — Sun, 11 Nov 2012 18:44:43 +0000

Role: Technologist
Client: Chobani
Team: Big Spaceship
Technology: HTML, CSS, LESS, JavaScript, jQuery, PHP, MySQL, WordPress

During my time at Big Spaceship, I collaborated with a team of designers, developers and producers to fully redesign Chobani’s consumer website using WordPress. I was involved in developing a variety of front-end and backend components as well as migrating content from legacy platforms.

Potion Design Website

bruzed — Sat, 10 Sep 2016 17:47:26 +0000

Role: Senior Developer
Client: Potion Design
Team: Potion Design
Technology: JavaScript, HTML, CSS, PHP, WordPress, jQuery, AWS, Bedrock, Sage, Trellis, Roots

I developed Potion’s responsive website with Trellis, Bedrock and Sage. As the sole developer, I collaborated with a designer to build a custom WordPress theme. I was also responsible for setting up the WordPress backend and AWS infrastructure. The design system consists of numerous front-end components with a configurable backend counterpart.

World Economic Forum

bruzed — Thu, 10 Jan 2013 21:43:43 +0000

Role: Developer
Client: World Economic Forum
Team: Potion Design
Technology: HTML, CSS, JavaScript, SCSS, CreateJS, EaselJS, PreloadJS, TweenJS

I developed the majority of features for an interactive HTML5 experience/microsite, that visualized the network of Global Agenda Councils. The front-end is built with the CreateJS suite of modular libraries. The Potion Design team consisted of 1 designer, 2 developers and a producer.

Corpsify

bruzed — Thu, 11 Oct 2012 18:30:45 +0000

A reimagined version of a Flash drawing game in HTML5.

During my time at Big Spaceship, I rewrote a Flash/ActionScript drawing game in HTML5 and JavaScript (using Backbone.js and Raphel.js) so that it could be played on tablets.

What Do You Love?

bruzed — Thu, 30 Jun 2011 01:05:51 +0000

Role: Technologist
Client: Google Creative Lab
Team: Big Spaceship
Technology: HTML, CSS, JavaScript, Python, Google Closure, Google App Engine

“What Do You Love?” invites users to search and view their results across a spectrum of Google’s products, interact with their wide range of services, and discover Google’s more specialized products.

OSF / Parsons Design Fellowships

bruzed — Thu, 16 Sep 2010 19:49:26 +0000

Role: Designer, Developer
Technology: HTML, CSS, JavaScript, jQuery, WordPress, Adobe Photoshop

During my time at Parsons, I designed and developed the Open Society Foundations / Parsons Design Fellowships website with WordPress. I was part of a team of 4 developers.

Nouvoyage

bruzed — Tue, 11 Dec 2012 22:15:15 +0000

Role: Designer, Developer
Client: Nouvoyage
Technology: HTML, CSS, SCSS, JavaScript, jQuery, WordPress, PHP, Foundation, Adobe Photoshop

I designed and developed a responsive website for Nouvoyage, a luxury, amphibious yacht.