Flicks Australia

Flicks is Australia and New Zealand’s most authoritative and comprehensive movie & cinema guide.

This was a large project requiring over 50 UI layouts to be designed. Before moving onto implementation, I decided to invest a decent amount of time on analysing all the modules and design patterns that were common to these designs. From there I created a living styleguide, using Pattern Lab and its principles of atomic design. Below you can view a short screencast of all the final 'atoms', 'molecules' and 'organisms' that are used to build a truly modular system.

The front-end build uses a previous incarnation of my bespoke responsive SCSS framework. It's worth noting that although desktop and tablet uses my framework, Flicks couldn’t to use it for their mobile traffic (due to an ongoing contract), which is separate and NOT built or designed by myself.

Format
  • Web
Tech
  • HTML5
  • SCSS
  • Javascript ES5
  • Pattern Lab
  • Gulp
Role
  • UI Design
  • Front-end
Agency
  • Digital Sausages Ltd
Year
2016
Website
flicks.com.au
Flicks - grid of designs
Flicks - blog desktop
Flicks - Triptych
Flicks - home tablet