resooma

Product Design | Design System

Resooma is a platform by Future residential that helps improve transparency between renters, landlords and agents. My task was to create a design system that would aid the team manage its internal design language at scale.

Objective

Help the team archive higher efficiency, consistency and scalability when building digital products.

Assignment

To create a style guide and responsive component library guided by a complete set of standards that will be used across all digital platforms.

Project includes

Style guide
Component library
Patten library

Year

2021

Design System

Type Scale

Typography is one of the most important elements in a digital product as it helps maintain consistency throughout the platform. It’s also the major source of information to most users, which I  spent a considerable amount of time trying to come up with the right type scale that would be responsive to both large and small devices. With the help of Grace Resooma’s chief operating officer, I was able to come up with a balanced and harmonious type scale that worked well across all devices.

Color Pallet

Resooma already had a pretty great colour pallet, so I didn’t have to create one from scratch, all I did was to integrate the colour pallet into the design system.

Component Library

The component library would allow the development team and designers at Resooma to keep all the designs consistent. It would also allow them to apply changes across multiple files and projects, leading to faster development of digital products, hence saving time and money.Creating the component library was the most time-consuming task of the project. I had to make sure all the components were responsive across multiple devices while retaining visual consistency.

GEORGE WAITITU