UI Library

Role

UX research / UX and UI design / Front end development

Project length

2 months

Release date

February 2017

Brief

The Islington Service Development Team needs to approach UI design and develpoment more strategically and consistently. As the team is restructured, new team members need a tool to help them orientate themselves around UI patterns.

Approach
  1. Complete a UI audit
  2. Harvest the front end from all exsiting projects
  3. Componentise everything, allowing each feature to be iterated in isolation
  4. Create an IA
Innovation
  • Connected to the core website UI project, when the site updates, the UI library updates
  • The product doubles up as a training tool, with code snippets and configuration guidelines
  • Fully mobile responsive
Navigation patterns
Iconography
Layouts with code snippets
Other Islington projects