This excellent opt-in form example comes from GoodUI, conversion-rate optimization & testing specialists known for their "DataStories" publication, which...View More highlights certain tests they've run & the big takeaways they got from them. The first time I landed on their page, I was impressed by how they used an animated red bar to draw attention to their opt-in form & then followed up several seconds later with a wiggling animation of the form, drawing attention back to it. They've publicly stated that these additions (they didn't have them previously) helped bump their conversion rates. The red bar animation occurs upon arrival & the wobble happens around 10 seconds later (note: the GIF below was shortened so there wasn't a long lag).
Animated Opt-In Form from GoodUI Swiped in October 2015
Try using simple animations to draw attention to your opt-in form. The idea is not to be flashy or fancy, but to simply move the visitor's eyes to your opt-in form.
GoodUI's red bar animation is especially clever in that the lines converge right by the opt-in form. It's a quick transition, but the red makes it stand out.
HUGE takeaway --> instead of just animating on scroll or upon arrival, try giving your form a little wobble or tiny bounce once the user has already been on your site for at least several seconds. Doing this, draws attention back to the form. It's creating a second opportunity.
Mike Schaueris the founder of Swiped.co and the main analyst in the swipes section. After intently studying & building conversion-focused websites for 6+ years, he started Swiped to help others master marketing & copywriting through the analysis of great examples!
Visit the archives of this swipe's source URL or view past screenshots of goodui.org below.