nextdoor-header
My Role

Art Direction, Illustration

Client

Nextdoor, Inc. 

Bringing neighbours together

Empowering people to crush their financial goals

Neighbors around the world turn to Nextdoor daily to receive trusted information, give and get help, and build real-world connections with those nearby — neighbors, businesses, and public services.

In November 2020 Nextdoor approached me to create an illustration style and library as part of a bigger rebranding initiative.

It is always exciting to kick off a new project but it is especially so when it includes diving into an extensive character exploration. The app brings people of all ages, races and interests together and it was important that this diversity is reflected in the stories we tell with the illustrations.

gardening
funky-grandma
pushing-cart

Exploring the terrain

Setting the goals and collecting inspiration

Nextdoor provided an art direction for the colours and style but before we get to that part we had to clarify the tone of the visual language and the character design.

When it comes to creating illustrations that are relatable, there is no better place to look for inspiration than in real life situations. However, adding a pinch of whimsy helps tell stories that are not just relatable but unexpected and fun.

moodboard-tin

Building the illustration world of Nextdoor

Illustrating the world of Empower

Concept sketches, characters and more

With the right references in hand, I dived into sketching a bunch of different characters and scenes. Starting with realistic situations and slowly pushing the boundaries to a more whimsical storytelling helped me define three different directions.

nextdoor-sketch-2
nextdoor-sketch-1
nextdoor-sketch-3
nextdoor-sketch-4
nextdoor-sketch-5
nextdoor-sketch-6
v copy 7
v copy 8
v copy 4
kate-portrait (1)

Radost is amazing to work with—she has brought an incredible level of insight, humanity, wonder and imagination—as well as strategic thinking at the big-picture brand level—to her work. Her spirited illustrations, individually and as a system, have enlivened the Nextdoor product and brand.

Radostina is a great communicator paired with a great process. There's always visibility into her brain and she explains her thought process in a way that every stakeholder can feel involved and understands what's going on.

Radostina is a great communicator paired with a great process. There's always visibility into her brain and she explains her thought process in a way that every stakeholder can feel involved and understands what's going on.

— Kate Lydon, Head of Design at Nextdoor

The concept board that stood out was the ‘Playful’. It had the right amount of whimsy and at the same time illustrations were relatable and authentic. However, it was important to take some time and focus on diversity among the characters. While Nextdoor is a technology company, their users are as diverse as it can get and we had to make sure that everyone feels represented.

Group 21
h
hair-faces

Once we were set on the right storytelling and look of the characters, it was time to explore the brushes and colouring.

nextdoor-illustration-exploration-min

Style samples

nextdoor-illustrations-2 (1)
nextdoor-illustrations (1)
gradient-illustrations
gradient-illustrations-2

Stories full of kindness

Bringing the stories to life

Bringing the stories to life

Illustration library

Nextdoor strives to be a trusted hub for neighbours to exchange helpful information, goods and services but most of all to cultivate a kinder world where everyone has a neighbour to rely on. In the illustrations I aimed to portray this through different everyday situations that we can all relate to.

waving
welcome-light

Groups - main illustration and covers

groups-final-light
groups-cover-1 copy
groups-cover-2 copy 4
groups-cover-3 copy 3

Help Center and Community Guidelines

help-center-hero 1
umbrella
guidelines-light
invite-2-light
teamwork-bycicle 1

Various in-app spot illustrations

talking-politics copy
inbox-empty-state-woman copy
voting-empty-state
sell-for-good
invite-light copy

Error states

cat-error
racoon-light copy
dog

Small spot illustrations and icons

Group 4
Group 5
Group 6
Group 8
nextdoor-icons-1
nextdoor-icons-2

Final touches

Dark mode

Expanding the library required adapting the illustrations for different use cases, including the night mode of the app.
 Together with the product design team, we worked to create a color palette that works for a dark background.

Group 33
Group 34
business-cover-new-color (1)

An evolving illustration system

Building Nextdoor's illustration library was a lengthy and dynamic process - from the first concepts, through the style exploration, the production and the organizing the assets. The illustrations had to work in so many different use cases that it was impossible to set all the stylistic rules right at the begining. We started from the broad strokes like character design, brush sets, colour pallette and then figured out the smaller parts of the system like the spots and icons, colour variations, naming and file organization.

This whole process involved a lot of back and forth, iterations and discussions with the design team and leadership. I’m more than grateful for the opportunity to collaborate with the wholesome people from Nextdoor that made the journey a breeze.

Thank you Nextdoor for the opportunity.

Empowering people to crush their financial goals

empower-web-preview-genie-2
Untitled-1

Don’t be a stranger

Let’s chat on illustration process, the wisdom of animated movies or the pros and cons of social media.

Have a project in mind?  

If you're looking to join forces with an illustrator, I'd be happy to hear more about your goals.

© Joy Pepper 2020