Social

Redseat UI Kit

The project

UI kit design for Redseat.

Introduction

Redseat is a project hosted by reed.co.uk’s innovation hub, Monday Labs. Thinking about the implementation of a Design System for the whole reed.co.uk ecosystem, I took this small project as a starting point, in order to create an UI kit and a Library to be shared with Front End developers.

Process

My approach was applying Brad Frost’s Atomic Design to the system. Deconstructing the site in small components (atoms, molecules, organisms), coming with templates + pages and identifying common patterns.

The benefits? Having a small version of a Design System is a good way to show, in a short period of time, to all different teams, how you can save time, money and set the footprint for building consistent and robust products in the future.

Outcome

FE developers are currently building a React Library with the collaboration of the Design Team, setting the future for reed.co.uk.

 

Download UI kit (pdf)
  • design-system-01
  • design-system-02
  • design-system-03
  • design-system-04
  • design-system-05
  • design-system-06