Breathing more life into Brella illustrations

Please consider this a conversation starter. Our suggestions can be mixed and matched as you see appropriate however, our goal has been dual focused: to better connect with the brand mission/services and add a spark of life to the graphics be it with movement, texture, emotions or wonder. 

Two GIFs - Primary focus: Newsletter Banner
Secondary focus: Edited to use for IG

Original idea, which we could still do if you prefer it over the microscope.
"Active Imagination"
Spring/Summer is coming... colorful, flower petals calmly whirling in.
Rich inner world - imagination, learning. Stars are twinkling and a rocket is flyring around.
Image
Image
Education based: curiosity about the world around them - a sense of wonder. Stars could twinkle and the ship, falling star and planet could shake left and right. 
Image

Education based: curiosity about the world around them - a sense of wonder. Objects in the highlight beam could have little left-right movement.

Texture examples & usage

Image
Smaller, sparser grain
Image
Smaller, denser grain
Image
Cloth
Image
Wood
Image
Shadows on clothing
Image
Shadows on objects
Below are some suggestions on how to use the texture. You can choose a combination of these to be applied across all graphics or use one of these approaches depending on what fits the graphic best.
Image
Texture on an object the characters interact with
Image
Texture on an object the characters aren't interacting with
Image
Texture on an object of clothing

Hair & skin color

Adding a variety of skin colors encourages inclusivity and having a library of multiple hairstyles helps make the graphics always seem fresh, new and dynamic.

Below are our suggestion for additional skin colors as well as some new hairstyles.

Image
Image
Image
Image
Image
Image
Image
Image
Image
Image

Instagram feed

Below are two suggestions on how to organize the Instagram feed.

Make sure there's plenty of white or color space around text and illustrations. Keep the amount of text as little as possible to drive the message across. Use one photo or one illustration per square.

When it comes to highlighting words or parts of a sentence, try picking out the part of the sentence that you want to draw the most attention to or which part of the sentence is the most important.

Image
Image

1. Evoke emotions and better correspond to Brella's unique selling points

Image
Current graphic
Image
Proposed change
Emotionally charged visuals, even if it is as subtle as a smile, elicit a response from viewers. We propose using softer body lines all around the body, keeping the people stylized but a bit more proportional, using thinner lines (for eyes, clothes, etc.), introducing more hair styles and adding a greater variety of facial expressions. We also propose the addition of a few more skin tones on future illustrations.

2. Add more white space to illustrations and use color to suggest depth

Image
Example One
Image
Example Two

By adding more white space makes or a solid color, the illustrations "breathe" a bit and make them appear less busy.

Using lighter or darker tints/various tints of the existing brand colors allows for simulation of distance and depth (especially when making complex illustration where a full background would appear; e.g. biome illustrations), as well as making objects bigger or smaller depending on whether they're supposed to be near or far.

3. Use texture and/or lines to convey an additional sense of movement and complexity

Adding lines makes the images seem more dynamic. Adding textures can also help make them more engaging for the viewer. We are happy to show more dramatic variants for increased texture and gradients however we understand that the updated graphics still need to jive with the current graphics.
Example One
Image
No texture or lines
Image
Added texture
Image
Added lines
Image
Added both texture & lines
Example Two
Image
No texture or lines
Image
Added texture
Image
Added lines
Image
Added both texture & lines

Employ the use of the golden ratio to focus the viewer's eye on the desired focal point in the image

Image
Image
To help direct the viewer's eye to the important part of the illustration, use the power of the golden ratio.

Add elements to illustrations that help convey what Brella can do for parents

Image
Overwhelming morning = Brella's on-demand services.
Image
Brella helps parents carve out time to do whatever they personally need.

Suggested color use - newsletter

Image
Emphasize something important (e.g. a solid background under white text)
Image
Add as a background to break the "monotony" of pure white space and suggest the start or a new paragraph/section

Below are some suggestions on how to use the color palette in newsletters.

In order to achieve a light and airy feel, make sure that there's plenty of white space (or light pink space!) with a conservative use of bold, darker colors which should be only used to emphasize and bring attention to an important part of the copy (e.g. a quote, an important date, etc.).

Image
Image
Image
Image
Image
Image
Image
Image

7. Instagram feed

Below are some suggestions on how to organize the Instagram feed.

Make sure there's plenty of white or light pink space around text and illustrations. Keep the amount of text as little as possible to drive the message accross. Use one photo or one illustration per square.

Image
Image
Image
Image
Image
Image