Designarkiv

Illimity · 2022

Growmate - En ny måde at lære om forretning på

En quizplatform tilpasset din viden og støttet af illimity Bank

Rolle: UX- / produktdesignerVarighed: 2021 – 2022

En ny måde at lære om forretning på for selvstændige, der har svært ved at håndtere de økonomiske og bureaukratiske aspekter af deres branche.

Powered by illimity Bank

En ny måde at lære om forretning på

Hvordan kan vi hjælpe og rådgive iværksættere om deres investeringer og økonomiske og bureaukratiske administration, så de kan holde sig opdateret og bevare kontakten til deres professionelle netværk?

Growmate-diagram

Målgruppe: Italienske ejere af mindre virksomheder

Fordele, der gavner din bankkonto

Personas

Løsningen er designet til selvstændige, der gerne vil have rådgivning og strategier til at forbedre deres virksomhed og finde støtte hos andre.

Personas blev udarbejdet på baggrund af intern research og interviews med ejere af mindre virksomheder. Processen afdækkede de kundebehov, som satte retningen for idéudviklingen.

Persona-skabelon

Personas

Koncept

Growmate er en quizplatform, der er tilpasset din viden og opdateret med de nyeste tendenser. Den gør det muligt at lære det, du har brug for, så du kan drive din virksomhed bedre og komme i kontakt med andre fagfolk. Appen er forbundet med din konto hos illimity bank.

Kunderejse

Med udgangspunkt i konceptet udviklede vi en kunderejse, der følger brugerens ideelle forløb gennem servicen. Kortlægningen fremhæver kontaktpunkterne med virksomheden og gør det muligt at overveje de kritiske aspekter af den designede oplevelse.

Jobs to Be Done

Efter at have defineret personas og kunderejsen var det vigtigt at overveje Jobs to Be Done, altså nogle af de opgaver, der skal løses for at skabe en værdifuld brugeroplevelse:

  • "Når jeg tager en quiz, vil jeg med det samme kunne se, hvad jeg svarede forkert på, så jeg kan lære af det og undgå samme fejl næste gang"
  • "Når jeg afslutter en quiz, vil jeg gerne skjule min rigtige identitet, så jeg ikke behøver at skamme mig, hvis jeg får en lav score"
  • "Når jeg afslutter en quiz, vil jeg kun se de bedste brugere, så jeg hurtigt kan finde ud af, hvem der kan hjælpe mig"
  • "Når jeg søger efter en bruger, vil jeg gerne se personens niveau inden for den pågældende kompetence, så jeg med det samme kan finde det niveau, jeg har brug for"
  • "Når jeg ser de bedste brugere, vil jeg kunne åbne deres profil og få indblik i deres kompetencer"

Brugerflow

En teknisk fremstilling af interaktionerne fra login-siden til oplevelsens afslutning med fokus på handlinger og et samlet overblik over appens struktur. Med udgangspunkt i dette diagram er det lettere at designe den sidearkitektur, som senere bliver til prototypen.

Arkitektur

På første niveau har arkitekturen tre hovedfunktioner: lær, del og dig. Lær giver adgang til forskellige undervisningskategorier. Hver kategori består af et emneområde med lektioner og tilhørende quizzer samt en rangliste, der ordner brugerne efter deres score.

Informationsarkitektur

Sektionen Dig indeholder personlige oplysninger og resultater over tid, mens Del er dedikeret til kontakt mellem brugerne og med banken.

Wireframes

Arkitekturen blev først omsat til wireframes. De vigtigste funktioner til quizzer og kontakt mellem brugere blev designet i detaljer, inden vi gik videre med den endelige UI og Growmates brandidentitet.

Wireframes til Growmate-appen

Wireframes til Growmate-appen

Branding

Moodboard

Moodboard

Kommunikationsprincipper

En let og uformel tone of voice, der gør det nemmere at pleje sit professionelle netværk og komme i kontakt med andre brugere. Illustrationerne skaber større nærhed.

Kommunikationsprincipper

Slogan

Sloganet er "A New way to learn business". Det udtrykker Growmates centrale idé: at gøre det muligt for alle at lære om forretning og dele viden gennem gamification og løbende udveksling af idéer mellem brugerne.

For at matche denne tone of voice valgte vi en mættet og levende palet med fem grundfarver. Skrifttypen ITC Avant Garde Gothic Std giver fleksibilitet og hierarki, mens IBM Plex Sans bruges til mere læsevenlige tekster.

Skrifttyper og farvepalet

Illustrationer

Illustrationer

Brugergrænseflade

Illustrationer

Når alle elementerne er på plads, kan appens design færdiggøres. Brugergrænsefladen samler arbejdet med behov, flows, oplevelse og visuelt udtryk og sikrer et sammenhængende resultat for den valgte målgruppe.

Atomic Design

En stærk og sammenhængende brandidentitet gjorde det muligt at udvikle en lige så effektiv brugergrænseflade efter principperne i et designsystem. I Atomic Design består hver enkelt side af elementer, som kan brydes ned: fra ikoner og andre grundelementer til molekyler og organismer.

Nedenfor vises to af appens vigtigste sektioner.

Lær-sektionen

Lær er sektionen til quizzer. De filtreres efter brugerprofilen og giver løbende feedback, så brugerne lærer af deres fejl. Sektionen omfatter også belønninger, som kan aktiveres i bankens app.

Del-sektionen

Del-sektionen kommer til udtryk i ranglisterne. Her kan man se de bedste brugere og dem, der befinder sig i nærheden. Profilerne indeholder også en tidslinje over gennemførte quizzer.

Brugertest

En første brugertest viste, at brugerne generelt var tilfredse med appen. I gennemsnit vurderede de stilens egnethed til 9,6/10 og sandsynligheden for, at de ville prøve appen, til 8,6/10. Den gennemsnitlige pris blev anslået til cirka 3,70 €.

Brugertestene blev gennemført via Maze.com og omfattede 12 personer.

Resultater fra brugertest

Promovideo

Lad os arbejde sammen

Jeg er åben for nye projekter og muligheder. Lad os starte en samtale.

Vi bruger cookies til at forbedre din oplevelse og analysere sidetrafikken. Læs mere