Modkit for VEX is a drag & drop programming web app that makes it easy for artists and students to program intelligent VEX IQ projects. Built with HTML5/JS/CSS including a custom (pre-angular) js build and deployment system, running on a Python based Google App Engine platform.

Modkit for VEX: Program your robot with Modkit's event based block programming tools. Mechanisms, Drivetrains and components can broadcast and respond to events independently, making it easier to program complex actions and reactions.
Icon DesignAdvanced Options UI

Website to reflect the work, thinking, and optimistic philosophy of Toth + Co's founder Mike Toth. Toth + Co has a reputation for photo and video work that combines Americana and fashion. The site uses responsive CSS, Custom Google maps integration and Ruby on Rails with HAML templates and full CMS.

Website to explain, support and sell Modkit for VEX and Modkit Micro software, I worked with the founder to design and develop a Bootstrap3 homepage, including video introduction.

Full Homepage
Modkit Shop: Built using Spotify using liquid templates and Bootstrap 3 with customized styling and JS adapted from our homepage designs.
Custom slide out menu for mobile and narrow screens, built on top of Bootstrap 3.
Responsive mobile layouts for all sites across the system.

Pages fill screen-height dynamically so that the clouds are only visible while scrolling.

A single page investor information website for Feed Resources, a food recycling and energy company that turns wasted food into delivery truck fuel. I was responsible for all the UX/UI and helped design the scrolling effect and interaction. I also programmed the front and backend for the final site using Sinatra, HAML and SASS.

Pages alternate between aerial photos and white “cloud” pages with detailed information.
The parallax effect reveal and hide the next images with larger quotes and info.
Infographics
Secret: Clicking the GPS coordinate numbers at the bottom of the screen will take you do the destination the photo was taken at or a path on the way between two photos.
Coordinate Link Result!
Active satellite view of headquarters view using google maps integration.