Services
Graphics & SVG Animation
A return to Flash-like animation and interactivity!
Update
Recently, UP came back for a request to add a video post type and Gumby Adventure button (see updated image on the right). This new project provided a chance to revisit the project and include improvements in the overall performance and and some creative new content items including embedded videos!
Advanced Custom Fields has a very nice video embed feature, and it provides a terrific interface on the backend which makes sense to customers. .
The Project
Toledo Ticket is a classic Toledo based printed products company. Their last website was well out of date and in need of a complete overhaul. This site was created to generate social media buzz as well as provide a fun, Gumby experience.
WordPress with Customized Roots Theme
For custom theming, Roots.io offers a powerful toolset for fully customized WordPress development. This was a fun project and I look forward to expanding skills in SVG animation and interactions.
Project Details
Description: Custom theme built in Roots.io Sage framework with Bootstrap 3, GSAP, and minifying processes. The backend is built with Advanced Custom Fields to provide a usable interface to manage and update the layout. GTMetrix is used for performance testing and scoring.
Production URL: www.toledoticket.com
The Challenge
The landing page needed to be animated and interactive. This project called for a bringing new skills to fore including Custom Fields and Metaboxes, Bootstrap Spy-scroll, and many layout challenges. I am working for Ulrich Pinciotti (UP) to develop this site for their customer. They designed the layout for desktop and I built it as a responsive site. The design agency came up with the Green and Flexible pitch, licensing Gumby for tickets. They provided the key artwork, photography and written content. They have been a great customer and I’m pleased to have the opportunity to work with them.
The Solution
I specialize in mobile friendly or responsive websites. This was my first opportunity to work in Advanced Custom Fields and I am enthusiastic to continue with it. The landing page animation offered the largest challenge, and the layout went through several iterations until I hit on the right combination. The animation engine is GSAP (aka Greensock). While the site was built according to the designs provided by UP, I worked with them to get the best possible solution from their designs.