Kurt Stubbings
Kurt Stubbings

Web designer and developer

Design and development of animated web page for high-profile marketing campaign at Artlogic.

Take me back

Artlogic: 100 Reasons

Cover image

100 Reasons was a marketing campaign at Artlogic which focused on the many reasons why you should switch to or start using the Artlogic platform. As part of this campaign, I designed and developed the central landing page for all of the social ads.

Collaborating with the brand designer, Michelle Crocker, 100 Reasons was Artlogic's first foray into bold and exciting design with a lot more colour. To take it a level further, we incorporated creative on-scroll animations into the landing page to cement it's place as something bold, new, and exciting.

The campaign's main typeface was Joyride which features variable width characters. I incorporated this playful element into the hero for the page. As it isn't possible to animate these variable width characters directly, I cut SVGs of the text into separate elements and animated them using CSS.

100 reasons campaign SVG cutting.
Example of how animated text was constructed.

The page was mobile optimised and highly performant, operating smoothly whether on a phone, tablet, or desktop.

On mobile we made the sign up form front and centre as soon as the user landed on the page. On desktop a prominent CTA was added to take users directly to the sign up if they didn't want to scroll through the animated experience.

Visit website
  • 100 reasons website mockup.
  • 100 reasons website mockup.
  • 100 reasons website mockup.
  • 100 reasons website mockup.
  • 100 reasons website mockup.