Featured Projects
JohnRitterbush.com. var self = this;
This site is a testament to the full-stack nature of how I work. It starts with Vagrant and Ansible for local development and provisioning for the staging/production servers. Add in npm/bower/gulp to automate the build of the site, including styles generated using SCSS with dependencies on Bootstrap. All wrapped neatly in version-controlled repositories for the server and the site itself. From zero to full site in a few commands. View the GitHub repository
Van Gogh's Bedrooms. Promotional Site.
The site was created to pique interest in the exhibition Van Gogh’s Bedrooms for the Art Institute of Chicago. The marketing team needed landing pages to complement the ad campaign around the city and also a place for visitors to go and see materials they may have missed during their visit. We combined style guides from the marketing campaign with digital and print assets in the exhibition, to provide the visitor with an online resource that reflected their experience at the museum. Visit the site
Van Gogh's Bedrooms. AngularJS Quiz.
A complement to the Van Gogh’s Bedroom website, this quiz lets visitors test their knowledge of Van Gogh in pop culture. They can share their results on social media, garnering more interest and potential visitors to the exhibition. Visit the site
Find your #ArtThrob. Custom JavaScript Quiz.
As a Valentine’s Day social media promotion, I collaborated with the social media manager to create a Buzzfeed-style quiz that would use the answers to identify a visitor's ideal love interest. It was a fun way for the museum to engage with its social media followers who could take the quiz and then share with their friends. Visit the site
Visit Art Institute. Tourism marketing site.
Working with the marketing and tourism department, I developed a site that provided a quick way to create an ad campaign for digital ads. When the marketing team came up with a concept, e.g. "Playing Hooky”, we could build a data file with the text and images as well as a stylesheet to customize any colors or elements and then quickly build and plug the new page into the tourism main site. It allowed for very agile promotions that could come and go based on seasons or special offers, yet still maintain a consistent feel with the other offers. Visit the site
Drupal Updates. Zzzzzzzzzz.
While not as exciting as the other items on the list, making sure the latest security patches are applied to a site running on Drupal is critical. I stay tuned into the Drupal updates to ensure the latest and greatest is always running. Also important in this process is to talk to the content producers to find out which areas of the admin need feature enhancements and bug fixes.
Additional Projects
Site Testing
Using a local server running PhantomJS and CasperJS, I built out tests for various sections of our site to ensure updates to the code or database didn't break functionality. Tests run on local development, staging and production servers to check at all levels of deployment.
Freelance
Converted fixed-width Wordpress themes to responsive layout. Improved accessibility on mobile devices and helped pass Google's Mobile Friendly Test.
Playground
Sometimes it's fun just to tinker around. I use FreeCodeCamp and CodePen as a way to test my skills and try some new tools as well as quiz myself on some basic knowledge. CodePen is also a great way to try out an idea or explore a library/framework for future use. Visit my CodePen for examples.