Design System - WANdisco

2015

UX/UI Front-end dev

WANdisco Design System screenshots

Whilst working as a UI/UX Enginneer at WANdisco, I implemented their first design system and style guide.

WANdisco Design System screenshot

The process involved breaking down the existing UI designs into modular components and patterns, and coding them using CSS preprocessor Less. The styles were then incorporated into an AngularJS application along with all resuable JavaScript elements, with documentation and code snippets.

WANdisco Design System screenshot


The outcome

WANdisco applications - sold to FTSE 100 companies - built more efficiently using reusable, consistent and accessible styles.