HappyPorch Doodles

the story

Based on 4 existing brand illustrations, I was tasked with expanding the library of available graphics for use on the HappyPorch website, various marketing materials and social media posts. There was a request to incorporate some more organic shapes and imagery, while keeping the simple yet expressive line drawing style, weight, and colour of the existing graphics.

It was important to visually reference the concept of organic growth intersecting with technology. This was the guiding principle behind these illustrations, to highlight HappyPorch’s commitment to enabling a more circular future with their software solutions. I specifically wanted to avoid endless ‘recycling’ imagery as it’s used so extensively as a surface-level indicator of ‘eco-consciousness’ and depicts only a fraction of the circular economy ecosystem.

The new graphics needed to feel consistent with one another, but illustrate different concepts without too much repetition in imagery, and use the line drawn style as defined by the previous graphic designer. They also needed to be usable as general illustrations on the HappyPorch website and marketing materials.

This study looks at all the different expansions of the graphics over the years I’ve worked at HappyPorch, from before I had even laid eyes on Adobe Illustrator to my most recent set created after 3 years working as a designer.

While the timescales and cadence of work varied, my process for graphic illustrations usually looks like:
Word bank > sketching > Illustrator draft > feedback > refinement > handover

2021

Magnifying glass with Earth doodle
unfurled banner doodle
lightbulb in the shape of a brain doodle
Signpost doodle

These 4 existing illustrations created for HappyPorch by Donna Neely were the starting point of my designs. My aim was to maintain this general style while branching out in imagery, expanding the collection of graphics but keeping this distinctive, playful line-drawing style.

Three lightbulb-headed plants of increasing size doodle

I created these two illustrations in Photoshop as I didn’t have access to Illustrator at the time. This presented significant challenges in creating clean and consistent shapes and managing resolution, as they were not created as vectors, but as pixel-based images. I was very inexperienced in creating graphics in this style when starting this project - it was a steep learning curve!

Tree growing with code branches

Takeaways

2022

Handshake with lighbulb illuminated above doodle

These three illustrations were created for specific sections within the HappyPorch website:

Plant watered by code nodes doodle
Map doodle

In this instance, the imagery relates to the section they illustrate. We decided to lean into more nature & human-centric imagery going forward, and these served as proof-of-concept for that direction.

Takeaways

2023

Earth doodle
Interlocking hexagon doodle

I designed this set of illustrations for HappyPorch’s 2022 annual Impact Report. My aim was to explore the single line style further, and I got the go-ahead to be a bit experimental.

The pop of colour was an additional request, and I selected this bright, light green to convey growth and positivity - in addition to it contrasting nicely with the HappyPorch orange. This set was designed to illustrate concepts relating to specific section headers:

Stem in jar doodle
Sun plugged into lightbulb plant doodle
Busy hands doodle
Plants with connected roots doodle

Takeaways

2024

This set of illustrations was created for HappyPorch’s 2023 impact report. I was essentially left to my own devices with the brief for these, so I chose ‘busy hands’ as the guiding concept - inspired by this illustration from the previous year’s set.

Busy hands doodle
Hands cultivating code plant doodle
Hands toasting with mugs doodle
Hand watering small plants doodle

The two main visual elements for this set were hands and block shapes (inspired by my very first negative space illustration from 2021).

I aimed to evoke a sense of taking action - technically, environmentally and socially to illustrate the team’s commitment to our BCorp recertification.

I also got the go ahead to add some additional skin tones, as these illustrations are transparent and displayed on a white background and I wanted to better reflect the diversity within our ‘busy hands’.

Each illustration is built around a basic geometric shape.

Hands making heart shape while planting doodle
Hands typing on a keyboard to grow a tree doodle

Takeaways

miscellaneous

doodle banner

These graphics were created for various uses across HappyPorch marketing materials. Some lack context on their own, but each illustrates a different concept or was designed for a specific design purpose in mind.

linear vs circular economy HappyPorchPaletteDiagram
telescope doodle
increasing digital carbon illustration
hands outstretched with circular arrows doodle
tshirt with embroidered Earth doodle
clothes on rail doodle
clothes on rail surrounding planet Earth illustration
hands passing rotating selection of items between them doodle

Takeaways

reflections

I was hesitant to include my earlier illustrations in this portfolio, but the intention of this deep-dive is less to show prowess than it is to show progress. Considering my first two illustrations weren't even made in Illustrator, but cobbled together in Photoshop as I agonised over creating clean lines in a pixel-based workflow, I feel rather proud of how far I’ve come since then.

Aside from the technical learning journey, one of the most valuable things I gain from these in-house illustrations is the opportunity to deepen my understanding of circular economy principles. To illustrate these concepts, I first have to understand them and I find myself reading the associated articles and independently researching various aspects of the topic at hand. I then strive to apply this knowledge to both my personal life and creative pipelines.

want to see more?

HappyPorch Web Refresh 2026design/web/uSkinned

HappyPorchbrand design / graphics

Communtity Credweb design

SK Chasevisual design / UX

Footprints Africagraphic illustration