Butler University
A WordPress site accented by animations
![Butler homepage screenshot](https://res.cloudinary.com/stsmith/image/upload/f_auto/q_auto/v1/sts/butler-homepage.jpg?_a=BATFJtZU0)
At my time at SimpsonScarborough, we developed a brand new WordPress site for Butler University. This design incorporated a number of scrolling animations using the Green Sock library as well as using HTML canvas for the user to scribble on the homepage hero. This was all brough together using Vue 3 and Advanced Custom Fields to develop the WordPress blocks used across all pages.
A block developed to search programs offered with animated sketches and ambient video
![Program Finder](https://res.cloudinary.com/stsmith/image/upload/f_auto/q_auto/v1/sts/butler-program-finder.jpg?_a=BATFJtZU0)
A grid of quick facts using sketches that animation on scroll
![Quick Facts](https://res.cloudinary.com/stsmith/image/upload/f_auto/q_auto/v1/sts/butler-quick-facts.jpg?_a=BATFJtZU0)
Homepage photo gallery component that uses mouse movement to create a paralax effect with thumbails. Clicking opens up the images larger
![Photo Gallery](https://res.cloudinary.com/stsmith/image/upload/f_auto/q_auto/v1/sts/butler-gallery.jpg?_a=BATFJtZU0)
A standard page with sidebar and content
![Page Content](https://res.cloudinary.com/stsmith/image/upload/f_auto/q_auto/v1/sts/butler-content.jpg?_a=BATFJtZU0)