Unfinishers


  • Client: HotShot
  • Role: Developer

Details

Arnold and HotShot agreed that they needed to drive traffic from the Unfinishers OLA awareness campaign somewhere. The issue, the existing website wasn’t ideal, was hard to update, and didn’t effectively lead user where it needed. The solution, create a landing page that was cheap, fast, and effective.

Responsibilities

  • Helped the Client to understand pros and cons of choosing WordPress, SquareSpace or no CMS
  • Provided development timing for all build options shared
  • Built a non-CMS prototype to showcase possibilities and quick turn around time
  • Customized an existing Squarespace template to match the approved designs
  • Coordinated with the content producer and designer to get and upload all assets
  • Worked with analytics to assure elements were tagged appropriately

Build Details

  • Chose the Sonny Squarespace template for its simplicity
  • Integrated Squarespace with Adobe Typekit
  • Used a Squarespace hack to include SVGs where necessary
  • Coded easter egg glitch effects on the main headline based on CSS Tricks’ article, which users could see on scroll, hover, or click
  • Wrote custom CSS to match the designs, which was built and autoprefixed using SCSS and Gulp
  • Added custom JS to target, style, and create elements
  • Created custom scroll to top element for smaller screens only, which was not part of the template
  • Site URL (if still available)