Frame 1359.png

My Role UX Designer Illustrator

The Team 3x UX Designers

Duration 2 years of continuous development

Tools Used Figma Adobe Illustrator

My Key Contributions Visual Identity Illustration Ceremonies Design System Workflows

Back in 2018, I joined Singapore Power Group as a Senior Experience Designer. I was fortunate to have the opportunity to work on multiple B2C products, including the SP Utilities app and the SP Services Portal.

Frame 3.png

SP Utilities (left) & SP Services Portal (right) before the system


PROBLEM

As a team of three designers, each anchored on more than one product, it resulted in a lack of consistency and style in illustration.

Seeing this as an opportunity to create a strong visual identity across our product lines, I led the effort to create our own illustration system as a central component of our product identity.

Frame 1329.png


Why build an illustration system?

Quicker workflow among designers

Improved visual presence and branding across products and marketing

Creating powerful visual elements for communicating concepts quickly and effectively


Defining the patterns

I began by extracting the colours from the design system. Our goal was to expand the colour palette by extending it into darker and lighter shades and later generating a gradient to give the illustration a sense of depth.