Comparison of two web pages, one on a mobile device and the other on a tablet, showcasing a business solutions website with illustrations of people, charts, files, and storage icons.

C A S E S T U D Y

Illustrating the 'Happy Workflow': A Vibrant Brand Transformation

The goal was to transform a content management website from being dull and lifeless to highlighting the seamless workflow dubbed as the '“happy workflow.” With little to no images in this space, stock images weren’t going to cut it. The client wanted the website to have more “funk” and illustrate the “happy workflow” that their company brings to their clients. Scroll to see the creation of custom illustrations and how they were intertwined into the design.

C A T E G O R Y

Illustrations + UI Design

T O O L S

Illustrator + Elementor Pro

C L I E N T

FileSolve

An illustrated timeline with icons of a magnifying glass, notepad, calendar, light bulb, gears, wrench, flashlight, and a party hat, representing planning and celebration.

The Challenge

With one night to create a concept to show my boss, this was what felt like the Hail-Mary for creatives. Once the first draft got the go-ahead, it was time to mockup a webpage to present to the clients.

Pulling it all together in record time was thrilling and rewarding at the same time. After receiving exciting feedback from the clients, it was time to crank out the rest of the illustrations that would be used throughout the website and pieces of collateral. As a first major project with my company, it still remains one of my favorites.

D E S I G N P R O C E S S

Two sketches of people using computers and digital devices, with a clock icon.

Sketching

The first sketch that sparked the movement and simple design of the illustrations.

Illustration of four diverse people collaborating with charts, graphs, dollar signs, gears, and check marks, representing teamwork, analysis, and planning.

With a limited amount of time I used the preloaded colors on Illustrator before spending time perfecting the color palette.

Rough Draft

Illustration depicting teamwork with individuals engaging in analysis and communication, including charts, gears, a magnifying glass, and a checklist.

Once I got the go-ahead for the illustration style, it was time to implement the color palette and start creating the collection of illustrations in the same style.

Final Draft

C O L O R S C H E M E

HEX #000000

HEX #A08C84

HEX #1A4559

HEX #FF0000

HEX #FFBF54

HEX #4DC2C4

I L L U S T R A T I O N S

Illustration of a person talking on the phone with various icons representing business functions, including settings, finance, security, and history, along with a computer window showing similar icons.
Illustration of data analysis process with a person taking notes, a computer analyzing spreadsheets, and interconnected icons representing tools and security features.
Illustration of a clock, planet, rocket, and glass with a red beverage on a black background.
Line drawing of a lightbulb
Top-down view of a person with blue hair and dark skin holding a notepad and red pen, standing outside a small red building with glass windows and a gray door, and a car parked nearby.
Two cartoon people, one man with blue hair, holding a notepad and pen, standing next to a clock, and one woman with gray hair, glasses, talking on a landline phone, with a desk and papers.
Diagram showing the process of a scientific experiment involving a red sphere, a blue rectangle, and quotation marks.
Illustration of confetti emitting a burst of colorful shapes including circles and triangles, symbolizing an alert.
A person with red hair working on a laptop, surrounded by three folders in red, yellow, and blue, a gold coin, and a red triangle arrow pointing to the folder.
Illustration of paper planes flying from a box filled with paperwork towards a cloud connected to a laptop, representing cloud computing or digital data transfer.
Two gears, one gray and one red, with a blue wrench between them.
A cartoon rocket ship launching into space with a burst of blue flame, with a gray moon to the left.

Check it out.