HelziHelzineededneededaacohesivecohesivevisualvisuallanguagelanguagetotoaccompanyaccompanyitsitsproductivity-focusedproductivity-focuseddigitaldigitalproducts,products,andandwantedwantedtotoconveyconveyitsitsmissionmissionthroughthroughfriendlyfriendlyillustrations.illustrations.

IllustrationIllustrationsystemssystemsarearesetssetsofofguidelinesguidelinesforforcreatingcreatingartworkartworkininaaconsistentconsistentstylestyleandandtheytheyareareaacornerstonecornerstoneofofproductproductdesigndesignandandaacentralcentralpartpartofofanyanybrandbrandidentity.identity.

DevelopDevelopaamodularmodularillustrationillustrationsystemsystemthatthatcouldcouldbebeusedusedbybydesignersdesignersandandnon-designersnon-designerstotoquicklyquicklycreatecreatescenesscenesandandcharacterscharactersthatthatexpressexpressHelzi'sHelzi'sbrandbrandvalues.values.

TheThesystemsystemhadhadtotobebeincrediblyincrediblyflexible,flexible,workingworkingacrossacrosseverythingeverythingHelzi,Helzi,includingincludingitsitswebsite,website,mobilemobileappappinterfaces,interfaces,andandmarketingmarketingmaterials.materials.

IllustrationIllustrationsystemssystemsarearebuiltbuiltfromfromcomponentscomponentssuchsuchasasscenes,scenes,characterscharactersandandobjects.objects.TheTheHelziHelzisystemsystemincludesincludesfourfourbasebasecharacterscharacters(two(twofemalefemaleandandtwotwomale)male)withwithvaryingvaryinghairstyleshairstylesandandoutfits.outfits.

EachEachcharactercharacterisisdrawndrawnusingusingsimplesimplevectorvectorshapes,shapes,thinthinoutlinesoutlinesandandaaconsistentconsistentcolorcolorpalettepaletteofofteal,teal,blueblueandandsoftsoftgrey;grey;thisthisensuresensuresthatthateveryeveryillustrationillustrationsharessharesaaunifyingunifyingmoodmoodandandstyle.style.HumanHumanfiguresfiguresareareusedusedbecausebecausetheytheymakemakeabstractabstractideasideasmoremoreactiveactiveandandaccessible.accessible.

CharactersCharactersarearedesigneddesignedtotobebelightweightlightweightandandfriendly,friendly,withwithexaggeratedexaggeratedproportionsproportionsandandflowingflowinglines.lines.AAsinglesinglestrokestrokeweight,weight,simplifiedsimplifiedanatomyanatomyandandlimitedlimitedfacialfacialdetailsdetailsmakemakethemthemeasyeasytotocombinecombinebutbutmaintainingmaintainingbrandbrandconsistency.consistency.

BrightBrightaccentaccentcolorscolorsdrawdrawattentionattentiontotokeykeyelements,elements,whilewhileampleamplewhitewhitespacespacekeepskeepscompositionscompositionscalm.calm.TheseThesechoiceschoicesreflectreflectguidanceguidancefromfromillustration-systemillustration-systemexpertsexperts--digitaldigitalillustrationsillustrationsandandtranslatetranslatewellwellintointodistinctivedistinctivebrandingbrandingsharingsharingaaunifiedunifiedmood.mood.

UsersUserscancanmix-and-matchmix-and-matchcharacterscharacterswithwithbackgroundsbackgroundsandandpropspropstotoillustrateillustratedifferentdifferentsituationssituations(e.g.,(e.g.,collaboration,collaboration,focusfocuswork,work,celebratingcelebratingaamilestone).milestone).BecauseBecausethethesystemsystemisismodular,modular,non-designersnon-designerscancanassembleassemblenewnewcompositionscompositionswithoutwithoutredrawingredrawingassets.assets.

ThisThismirrorsmirrorsthetheideaideathatthatillustrationillustrationsystemssystemsserveserveasasaaplaybookplaybooktotokeepkeepmessagingmessagingcohesivecohesiveandandallowallowstakeholdersstakeholderstotoparticipateparticipatewithoutwithoutalwaysalwaysrelyingrelyingononananillustrator.illustrator.

CharactersCharacterscancanbebescaledscaledrelativerelativetotoaccompanyingaccompanyingUIUIelementselementsleavingleavingsufficientsufficientwhitewhitespace.space.AccentAccentcolorscolorshighlighthighlightimportantimportantactionsactionsororstates.states.

ToTomaintainmaintainhighhighcontrastcontrastbetweenbetweencharacterscharactersandandbackgroundsbackgroundsforforreadabilityreadabilitycolorscolorswerewerechosenchosencarefully.carefully.PosesPosesandandcompositionscompositionsmatchmatchthethetonetoneofofthethecontent—dynamiccontent—dynamicposesposesforforactiveactivefeatures,features,relaxedrelaxedposesposesororsupportivesupportivecontent.content.IntroducingIntroducingnarrativenarrativeelementselementstotoexpressexpresssubtlesubtleemotions.emotions.

TheTheunifiedunifiedstylestylemakesmakesHelzi’sHelzi’svisualsvisualsinstantlyinstantlyrecognizable,recognizable,helpinghelpingtotoanchoranchorthethebrandbrandininusers’users’minds.minds.BecauseBecauseimagesimagessharesharethethesamesamemoodmoodandandpalette,palette,theytheystrengthenstrengthenthetheoveralloverallbrandbrandimageimagewhilewhileallowingallowingeacheachscenescenetotocommunicatecommunicateaadifferentdifferentaspectaspectofofthetheproduct.product.

HavingHavingaaready-madeready-madesystemsystemshortenedshorteneddesigndesigntime.time.DesignersDesignersandandproductproductteamsteamscouldcouldassembleassembleillustrationsillustrationsquickly,quickly,whilewhilemarketingmarketingandandsupportsupportteamsteamscouldcouldbuildbuildtheirtheirownownvisualvisualcontentcontentwithoutwithoutcompromisingcompromisingstyle.style.IllustrationIllustrationsystemssystemsareareknownknowntotomakemakeworkflowsworkflowsquickerquickerandandstrengthenstrengthenvisualvisualpresence.presence.

TheThehuman-centrichuman-centricillustrationsillustrationsaddedaddedwarmthwarmthtotoHelzi'sHelzi'sdocumentationdocumentationandandproductproductscreens.screens.TheyTheyhelpedhelpedconveyconveycomplexcomplexconceptsconceptsthroughthroughrelatablerelatablecharacters,characters,increasingincreasingengagementengagementandandconveyingconveyingaasensesenseofofoptimism,optimism,whichwhichsupportssupportsthetheproduct'sproduct'sgoalgoalofofimprovingimprovingproductivity.productivity.

TheTheresultresultisisananincrediblyincrediblyversatileversatilesystemsystemthatthatyouyoucancanuseuseinincompletelycompletelydifferentdifferentsituations,situations,forfordifferentdifferentapproaches,approaches,includingincludingindividualindividualanimation.animation.TheThemoremoregranulargranularelementselementsyouyouhavehavethethemoremoreyouyoucancanachieveachievemakingmakingthisthisillustrationillustrationapproachapproachhighlyhighlyscalable,scalable,evenevenififwewewantwanttotochangechangethethevisualvisualstylestyleallalltogether.together.