Creative Mischief is a branding and marketing agency based in Atlanta, Georgia. They have been providing marketing services for over a decade. The company hired me to create an animation based scrolling homepage for the Douglas County Chamber, a non-profit organization that helps promote the business community in the Douglas region in Georgia.
Schecter & Co. and Creative Mischief have a long working relationship for over a decade. We have built trusted partnerships and have collaborated on many projects which always come in on budget and on time.
2022
Creative Mischief provided us with the design mockups of the Douglas County Chamber homepage. To captivate and engage the website experience, their vision was to animate the headlines, descriptions and images based on page scrolling.
The idea was to pause and show the text and images when they were in the center of the viewpoint. When the first set of text and images is scrolled to a certain position, the text will fade off. The two images will rotate and fade off as two separate elements.
Then the second set of text and images will fade in and move from the bottom toward the viewpoint.
When continuing to scroll the page, the second set of text and images will fade off and the third set of text and images will fade in from the bottom to the center of the screen.
Once the third set of text and images is animated off the screen, the scrolling would continue down the page to reveal the “Join the chamber” section followed by the rest of the homepage sections.
The Douglas County Chamber website was built by the Creative Mischief team using WordPress. I created the scroll-triggered animations on the homepage using a combination of CSS and JavaScript. I worked with the creative director at Creative Mischief to get the timing of the animation working harmoniously for all screen sizes. Another request to add to the animation was to position a provided rectangle Lottie animation, a JSON-based animation file format, as a background on the right side of the screen.
In the end, we were able to capture the creative director’s vision. The challenge was to incorporate just enough motion for the animation to be intriguing and enhance the visual interest of the Douglas County Chamber homepage.
