Omlægning af en digital bank: Historien bag vores nye look

Opdatering: Se præsentationen om den monesiske rebrand fra Digitized17-konferencen her

Monese er en grenløs banktjeneste, der giver indbyggere i Det Europæiske Økonomiske Samarbejdsområde mulighed for at åbne en lokal bankkonto på så lidt som 120 sekunder, selvom kunden ikke umiddelbart har et bevis på adresse eller har en dårlig kredithistorie. Vi byggede Monese for at hjælpe de 90 millioner mennesker i hele Europa, der er 'økonomisk udelukket', fordi banker har svært ved at identificere eller kreditere dem.

Som et finansielt produkt er det vigtigt at få brugernes tillid, og derfor er det vigtigt, at Monese har haft en ensartet og genkendelig identitet.

Hvorfor besluttede vi at ommærke igen?

Efter at have lanceret på Android og set vores brugerbase vokse hurtigt, var lancering på iOS et indlysende næste trin, og det føltes som et godt tidspunkt at gennemgå og revidere vores look.

Mens vi havde en eksisterende identitet, følte vi i sidste ende, at mærket var nødvendigt for bedre at afspejle det, vi havde lært ved at se vores produkt brugt fra første hånd af virkelige kunder - og vores dybere forståelse af deres behov.

Her er et par flere problemer, vi identificerede:

Logoet var ikke et særligt egnet mærke - det føltes lidt barnligt med sine alt for venlige kurver.
Vores brug af 'Brandon'-skrifttypen gav os ikke en stærk stemme, og det er overbrug af mange opstartfirmaer, hvilket betød, at det aldrig kunne være vores eget.
Der var en blanding af skarpe og afrundede former, der var inkonsekvente og skurrende på tværs af brandelementer.
Vores omfattende brug af rød skabte en udfordring, når vi viser fejltilstande i appen Monese.

Monese voksede op, og vores identitet var nødvendigt for at afspejle dette, mens vi havde fleksibiliteten til at blive anvendt på flere berøringspunkter.

Elementer af det gamle monese-mærke

Vi gjorde en indledende indsats for at udbedre vores eksisterende branding. Jo mere vi taklede det, jo mere forstod vi de grundlæggende svagheder, der holdt os tilbage. Vi havde brug for et klart sæt værdier og en ny identitet for bedre at udtrykke betydningen af ​​vores tilbud.

Som et magert team vidste vi, at et komplet genmærke ville blive en strækning, men hvis vi nogensinde skulle gøre det, var det nu tiden. Vores mission var at forene virksomheden omkring en fælles brandhistorie, skabe stærkere forbindelser med vores publikum og skabe et solidt fundament for fremtidig vækst.

Brandboardboarding

Vi begyndte det omfattende arbejde med at fordybe os i, hvad Monese allerede har opnået, og hvad vi bevæger os hen imod. Arbejdende på tværs af vores studios i London, UK og Tallinn, Estland, forbundne vi os med alle i virksomheden for at samle meninger om, hvordan hver enkelt af os ville beskrive vores værdier.

I tæt samarbejde med brugeroplevelsesanalytikere og managementteam begyndte vi med at definere et brand storyboard. Vi diskuterede, hvordan vores banktjenester hjælper folk med at "niveau-up" og komme videre med deres liv. Vi fortsatte med at definere vores værdier. Vi tog dette meget alvorligt, da disse ville fortsætte med at danne kernen i vores personlighed og fungere som en basecamp, vi kunne cirkulere tilbage til for hver brandbeslutning, vi træffer.

Listen, vi oprettede, var en nyttig start, men der var alt for mange til at vi kan huske. Med input fra mennesker overalt i virksomheden fortsatte vi med at destillere dem ned til et meget slankere sæt med tre kerneværdier.

Progressiv

Hos Monese ser vi altid fremtiden - forbliver et skridt foran ved at bruge ny teknologi til at hjælpe vores kunder.

Human

Vi ser værdien af ​​mennesker, individuelt og samlet. Vi er ikke bedømmende med vores publikum, der adskiller os fra andre mere traditionelle banker.

Troværdige

Vi leverer et sikkert hjem for dine penge og er åbne og gennemsigtige med vores kunder. Vi har en holdbar tilgang og er altid klar til at besvare spørgsmål.

Processen

Med stramme tidslinjer at mødes flyttede vi hurtigt og begyndte konceptuelle designsprinter. Da vi er en startup, havde vi ofte brug for at tage tid væk fra sprinterne til at arbejde med appfunktioner og andre aspekter af virksomheden, så for at holde tingene håndterbare sørgede vi for, at vores hovedfokus var på branding-arbejdet i bestemte tidsperioder og derefter tog dage væk fra det at arbejde på andre ting.

Hver sprint var normalt omkring 4 dage. Vi sætter daglige mål for at holde vores fokus og holde os på sporet, undersøge vores værdier og udforske ideer til videre udvikling. Vi mødtes i slutningen af ​​hver sprint for at gennemgå; ikke at tage nogen store beslutninger først, men snarere at dele vores ideer og gå gennem hinandens tankeproces.

Designe vores mærke

Hos Monese hjælper vi vores kunder med at bevæge sig frit i deres liv ved at give dem en banktjeneste, der er let at tilslutte sig, enkel at bruge og sikre. Vi ønskede at designe et mærke, der både afspejler dette og kommunikerer vores værdier - 'fremadskridende, menneskelige og pålidelige'. Vi begyndte at tegne ...

Efter at have udforsket flere ruter, finsporede vi vores beslutninger og begyndte at udforme vores foretrukne valg. Vi gennemgik mange iterationer for at sikre, at vores endelige logo ville formidle kvaliteten af ​​hver af vores brandværdier.

Vi besluttede en kombination af flydende sammenkoblede linjer for at danne et unikt mærke, der reflekterer, hvad vi er interesseret - sikker, dynamisk og menneskelig. For at tilføje et blødt touch til mærket tilføjede vi afrundede hjørner, der får det til at føle sig mere menneskeligt og flydende.

Typografi

Mens vi arbejdede med designet af mærket begyndte vi at udforske skrifttyper. Hovedproblemet med vores nuværende skrifttype var, at det føltes for finurligt - ikke noget, du ville stole på med din løn. Selvom det er godt designet og let afrundede sans serif-form, fungerede godt for os i de tidlige stadier af virksomheden, manglede den modenhed - en kvalitet, som vores nye stemme skal afspejle.

Vi besluttede skrifttypen “FF Mark”. Formerne blev for nylig designet i 2013 og blev trukket fra nogle af de mest succesrige sans-seriffer i historien, men det føles moderne og rigtigt hjemme i det moderne designlandskab.

Hver glyph er omhyggeligt udformet for at give den en stærk, enkel og fed kant, men kurverne giver den en betryggende og venlig fornemmelse, der hjælper med at gifte sig med den godt med de afrundede former af det nye Monese logo-mærke.

En stor del af vores publikum er ikke-engelsktalende, hvilket betød, at læsbarhed var afgørende for vores beslutning. Marks store x-højde hjælper det med at arbejde klart i små størrelser inden for brugergrænsefladeelementer, og det alsidige vægt sæt giver det fleksibilitet til at arbejde på tværs af flere brand touch-point.

Generelt føler vi, at Mark er det rigtige valg, da det løfter vores brandstemme til at have en stærk og tillidsfuld tone.

Farvepalet

Vi ønskede, at vores palet skulle føles levende og frisk, mens vi også brugte farver, der tydeligt kunne kommunikere elementer i vores banktjeneste til ikke-engelsktalende talere, så vores valg måtte være funktionelle såvel som æstetiske. Vi kiggede på de forskellige informationstilstande, vi skulle bruge til at kommunikere i vores app, og valgte et fleksibelt sæt farver, der ville hjælpe med at forbedre anvendeligheden.

Den punchy blå, grøn og gul af vores nye primære palet formidler langt mere liv end vores gamle blege og dæmpede palet, som vi føler er en langt mere passende stemme for Monese. En af vores tidlige testere sagde "det føles ikke tungt som andre bankapps".

Definition af en signaturinteraktion

Da vi er et digitalt produkt, troede vi, at et stærkt brandsystem burde være mere end bare en identifikator og skulle bestemme produktets opførsel. Som en banktjeneste er en af ​​de vigtigste interaktioner, som vores brugere har med produktet, muligheden for at foretage en betaling. Vi besluttede at fokusere på denne interaktion og at gøre det til en kerneegenskab i vores brand.

Vi kiggede på flere behandlinger og undersøgte, hvordan de kunne arbejde ved hjælp af animation.

Efter gennemgang af animationerne fortsatte vi med at prototype dem med javascript og udførte nogle brugertest, da det var vigtigt, at animationen ikke forstyrrede selve handlingen.

Prototyping og test af betalingsinteraktion

At holde interaktionen enkel var nøglen, for at sikre dens anvendelighed og undgå stil i forhold til substans. Vi introducerede en mekanisk mekanisme til bageste linie, der afsløres, når brugeren glider ned for at foretage en betaling. Den elastiske og væskelignende bevægelse indsprøjter mere personlighed og en følelse af glæde i grænsefladen.

Udvikling af systemet

Når vi kigger videre, udforskede vi, hvordan betalingslinjerne kunne udvides som et sammenhængende visuelt system. Vi skabte grafiske strukturer ved at danne et stort netværk af bageste linjer for at kommunikere flere betalinger i bevægelse. Beskæring i dette netværk skaber en række udtryk, fra målte og præcise, til levende og udtryksfulde.

Brugernes feedback, vi havde samlet på vores gamle betalingskort, viste, at nogle kunder mente, at det forrige kort ikke følte sig som et legitimt bankprodukt. Baseret på denne feedback besluttede vi at designe et mere lokkende mørkt kort, der viser det afslørende netværk af trail-linjer. De sammenkoblede linjer i mønsteret kommunikerer den kontinuerlige fremskridt med betalinger gennem Monese-platformen.

Vores nye betalingskortemballage

Da Monese er et produkt, der stort set er rettet mod mennesker, der bevæger sig rundt, troede vi, at det ville være passende at give vores identitet en reel bevægelsesfølelse. Vi ønskede, at systemet skulle føles som om det bevæger sig, som for at vise et øjebliksbillede af denne bevægelse. På denne måde kunne vi virkelig kommunikere vores værdi af at være progressiv.

De udtryksfulde former har en flydende og menneskelig fornemmelse, som er konsistent på tværs af de former, der findes i logo-mærket og app-interfaceelementerne.

Omdesign appen

Sammen med opdateringen af ​​mærket redesignede vi appen til både Android og IOS fuldt ud. Vi ønskede, at grænsefladen skal føles lys og frisk og være let at navigere igennem. I samarbejde med UX-teamet tænkte vi grundigt over hvert enkelt element for at sikre, at enhver beslutning havde et klart formål for brugeren.

Ved hjælp af illustrationer bragte vi elementer til at overraske og glæde brugeren, og introducerede også en interaktiv graf med en lignende linjestil som logoets. Alle ikoner blev redesignet for at få en venligere, mere afrundet form, og vi introducerede en tidslinjestil for at få vist hjemmeskærmstransaktionerne.

Vores nyligt redesignede interface.

Illustrationer og tegn

Vi introducerede en ny illustrationsstil og et sæt karakterer til at hjælpe med at forklare dele af appen og tilføje en følelse af legesygdom. Karaktererne hjælper med at berolige brugeren om, hvor tilgængelige vi er som firma, og som altid er her for at tilbyde en venlig hjælpende hånd.

Som et eksempel; når de tilmelder sig en monese-konto, skal brugerne vente på, at deres ID-dokumenter bliver kontrolleret. Vi introducerede en animation af en scanner, der læser deres dokumenter. Efter kort tid springer en af ​​figurerne ind i scanneren og kommer ud med en spraybrun! Vi håbede, at dette ville give brugeren en lille belønning for at vente, og måske endda få dem til at ønske at vente på, at animationen løber rundt igen for at se den.

Resultatet

For at vende tilbage til vores oprindelige grunde til at revidere vores visuelle identitet - tidligere følte vi, at det gamle monesiske branding endte med at være alt for forenklet og upålideligt. Ikke kun et overdrevent blødt logo, der matchede polygonlignende mønstre og illustrationer, gav en blandet tone, men i sidste ende følte det sig ikke unikt nok til at kalde vores egen.

Da vi behandlede alle disse problemer - fra et stærkere og mere pålideligt logo til en venligere farvepalet - er vi overbeviste om, at vores nye identitet vil give Monese et fundament til at fortsætte med at vokse på lang sigt. Det er allerede blevet omfavnet entusiastisk af alle hold i vores virksomhed, og vi kan kun håbe, at vores kunder også glæder sig over ændringen.

Og her er nogle feedback, vi har hidtil:

P. S. Monese ansætter i London og Tallinn
www.monese.com

Opdatering: Se præsentationen om den monesiske rebrand fra Digitized17-konferencen her