Allconnect illos

Done for

Allconnect

Creative Director

Dustin Putnam

Categories

Illustration, Iconography, Web, Brand Strategy

Allconnect’s rebrand was meant to redefine the value of the brand & create more trust with consumers. Ultimately the goal is for Allconnect to be the go-to marketplace for home service comparisons. The company wants to be seen as an authoritative figure that has all of the information you need to switch service providers, but is also friendly & approachable. The audience is composed of average tech users, 60% of users on mobile & research heavy. I created all of the illustrations & iconography for the site.

Jump to a section:

Large illos

transactional Illustrations

The illustrations are relatively grounded in reality to create a more relatable experience for users. Each of these are responsively created, meaning that they are laid out differently for desktop, tablet and mobile.

Faux 3D effect

Every illustration, with the exception of a few product illustrations, is treated with a faux 3D effect. This is defined by having the appearance of a 3D perspective, but every element is placed on a horizontal line. This makes it easy to create an illustration that feels like it has depth, without getting into the math of perspective, or worse, eyeballing the perspective.

Responsive Guidelines

Desktop

Desktop illustrations are normally wider than other breakpoints, but depending on the design of the page could be sized differently.

Tablet

When sizing an illustration down to tablet, reposition or remove elements while still keeping enough elements to convey the overall idea. Usually, people do not scale down.

Mobile

When sizing down to mobile, increase the height instead of the width. Usually, the entire image scales down from the tablet version and becomes slightly taller.

Responsive Landscapes

Desktop

Desktop landscapes usually span the width of the container.

Tablet

Tablet landscapes usually do not scale down. Instead, remove buildings or elements.

Mobile

Mobile landscapes scale down and remove buildings or elements.

AUTHOR Illustrations

These are illustrations of the editorial writers for Allconnect. Each illustration adds in personal characteristics, an internet device & the Allconnect logo.

I n

c o n t e x t

Product Illos

Success

Speed

Versus

Home wifi

Flag

Speed focus

Search plans

Promo

Value

Price tag

Location

Compare

Price focus

Blog

Mailbox

Big home

Email

Iconography

Filled icons

Filled icons are to be used for 18px or smaller iconography and for non-branded material (e.g. carts, provider pages).

OUtlined Icons

Outlined icons are to be used in cases where the icon should be secondary. It should be used at 18px or smaller.

Duo-Tone icons

Duo-tone icons are to be used on branded materials and be at least 18px or larger.

F i l l e d

i c o n s

o u t l i n e d

i c o n s

d u o - t o n e

i c o n s

SEE MORE WORK IN THE  For Funsies  SERIES