Arbeider · 2016–2019

Inventomedis AG

Den som lever med diabetes, må lære mye, og tidlig. MediVey, den digitale opplæringen fra Inventomedis AG, stiller spørsmål etter hver læringsfilm og sender svarene rett til legekontoret. Vi ga den symbol, ikon og åpning, på tysk, engelsk og arabisk, fra hjemskjermen til messestanden.

Leveranser
  • Symbol og app-ikon
  • Introanimasjon
  • Wireframes for iPad og iPhone
  • Brosjyre og nettsidegrafikk
  • Presentasjon
  • Roll-up
År
2016–2019
Tittellysbildet i MediVey-presentasjonen: et hvitt nettbrett i utfallende beskjæring med app-ikonet med ringer og «Welcome…», til venstre «Innovative Training Concepts, digitally connected.» og logoen Inventomedis AG
Utgangspunkt

Diabetesopplæring er som regel papir: trykt, oversatt, rettet for hånd. Om noe har satt seg, viser ofte først verdiene.

MediVey snur det på hodet. Først en kort film, så noen spørsmål, og svarene ligger straks hos legen. Som vet nøyaktig hvor det skal følges opp.

Lysbilde «How it works»: velge pasienter, QR-kode og anonym pasient-ID, læringsfilmer og spørsmål på nettbrett eller smarttelefon, resultater for legen; til høyre en sirkel med skjerm og to diagrammer som strektegning
Fra QR-kode til resultat i fire steg.
En iPad viser en scene fra en læringsfilm: to tegnede figurer, en mann i lyseblå skjorte og en person i hvitt, foran antydede møbler på grå bakgrunn, til høyre avspillingssymbolet
Først filmen, så spørsmålene.
Navn

Før het produktet MediPre og spurte om tilfredshet. Så begynte det å undervise, og et kors var ikke lenger nok.

Det nye navnet beholder begynnelsen. Klinikkene kjenner igjen produktet med en gang, pasientene oppdager et nytt.

FørEtter10040
  1. 01 / 03Et kors for en spørreundersøkelse. Kors og hake, hevet ved siden av navnet. Det sier tydelig medisin, men ingenting om læring.
  2. 02 / 03Ringer for et kurs. Baner rundt et sentrum, som kunnskap som vokser ring for ring. Symbolet klarer seg uten ord, og det teller med tre språk.
  3. 03 / 03Medi ble. Nytt navn, kjent begynnelse. Fire bokstaver alle allerede kjenner.
Symbol

Et kors sier medisin. Ringer sier: her vokser noe. Banene åpner seg, ender i prikker og griper inn i hverandre som kapitler som bygger på hverandre.

På app-ikonet får bare ett hjørne plass. Mer trengs ikke for å finne opplæringen igjen på hvilken som helst hjemskjerm.

Diameter = 1008,28,28,07,91,320,8811 åpne · 11 fylteHjørne 18 %Midte 18 %Radius 40 %
  1. 01 / 04Like avstander, rolig bilde. Fem baner, nesten like langt fra hverandre. Symbolet forblir rolig, også når det åpner seg.
  2. 02 / 04Åpent, ikke lukket. Ingen bane lukker seg, hver åpning sitter et annet sted. Symbolet beveger seg uten å bevege seg.
  3. 03 / 04Hver bue ender i en prikk. Åpne og fylte prikker markerer start og slutt, som stasjoner langs en vei. En kraftig strek leder, finere streker følger med.
  4. 04 / 04Et utsnitt holder. App-ikonet viser bare øvre venstre hjørne. Det kjennes igjen likevel, og navnet får plass.
Intro

Før opplæringen starter, laster appen. De sekundene tilhører merkevaren: ringer snurrer, produsentens navn legger seg rundt dem, og gjennom O-en går det inn.

Venting blir ankomst.

0 s1 s2 s3 s4 sIndre ring1,19 sMidtre ring−1,25 sYtre ring2,00 sOmdreiningNavn 1,13Zoom 3,10Slutt 4,034,03 s
  1. 01 / 04Venting som beveger seg. Tre ringer snurrer, hver i sitt tempo, den midterste mot de to andre. Lastingen ser villet ut.
  2. 02 / 04Ringene blir til O-en. Produsentens navn legger seg rundt dem, og lastesymbolet blir en bokstav. Avsender og produkt, et øyeblikk i ett bilde.
  3. 03 / 04Gjennom O-en. Ringene vokser ut over skjermen til bare fargen er igjen. Ikke et skifte, men et steg inn.
  4. 04 / 04Bak den venter opplæringen. Til slutt står ikonet der, det samme som på hjemskjermen. Introen slutter der veien inn i appen begynte.
Grensesnitt

Den som går på diabeteskurs, er sjelden app-ekspert. Derfor forklarer grensesnittet seg selv: ett spørsmål, store svar, og hvert svar får et ekko.

Først kom skjelettet, så fargen. Bare det som er forstått, får bli vakkert.

12341Fremdrifthvor du er, hva som gjenstår2Spørsmålett per skjerm, satt stort3Tipshvor mange svar som er riktige4Svarfelt store nok for alle fingreWireframeSkjerm
  1. 01 / 03Først ordenen. Wireframen bestemmer bare hva som hører hjemme hvor: ett spørsmål, store svarfelt, synlig fremdrift. Ikke noe mer.
  2. 02 / 03Så fargen. Fargen ordner ikke noe nytt, den gjør skjelettet lesbart. Spørsmålet trer frem, tipset lyser, det valgte svaret ser du med en gang.
  3. 03 / 03Alt blir på sin plass. Hvert element fra wireframen finnes igjen på den ferdige skjermen. Bare fremdriften flytter ut til kanten og gir spørsmålet plass.
Språk

For arabisk holder det ikke å oversette, hele opplæringen snus. Teksten står til høyre, haker og knapper bytter side, piler peker tilbake, helt ned i svarfeltene i appen.

På roll-upen deler engelsk og arabisk én spalte. Hvert språk får sin egen kant.

EngelskArabisk74,6 cmDIN NextUnivers Next ArabicSvarlinje · 776 × 93 pt
  1. 01 / 04Engelsk begynner til venstre. Hver fordel står først på engelsk, langs en fast venstrekant. Den som går forbi standen, finner linjestarten uten å lete.
  2. 02 / 04Arabisk begynner til høyre. Under står det samme på arabisk, langs høyrekanten. Hvert språk har sin egen begynnelse, ingen er fotnoten til det andre.
  3. 03 / 04To skrifter, én tone. Begge skriftene er like nøkternt bygget. Slik leses to språk som én tekst, selv om de går hver sin vei.
  4. 04 / 04Speilet helt inn i appen. På arabisk flytter haken i svarlinjen til venstre, og teksten følger etter. Betjeningen ligger alltid der øyet avslutter linjen.
Plattform

Bak appen står tre parter: forsikringsgivere velger ut pasienter, pasienter lærer, leger og klinikker får resultatene.

Det ble en grafikk i stedet for en side tekst. Ett blikk, og forretningsmodellen sitter.

Grafikk over MediVey-infrastrukturen: øverst legekontorer og klinikker, forsikringsgivere og pasienter, røde enheter til venstre og blå til høyre, datasenteret i midten, under det skyen med streaming og enhetsadministrasjon
Presentasjon

Helse illustreres gjerne med smilende mennesker i hvite frakker. Denne presentasjonen tegner heller: apparater, skjermer og dokumenter i fine streker, og nummererte sirkler som leder gjennom argumentene.

Streken er like fin som banene i symbolet. Lysbilde og ikon ser ut som søsken.

Lysbilde «Software Advantages»: tre nummererte spalter med strektegninger av en skjerm, et segl med «Secure» og et smarttelefongrensesnitt
Avslutningslysbilde: logoen Inventomedis AG, under den et bånd av strektegninger av apparater, dokumenter og diagrammer på blå bakgrunn
Formater

Samme merkevare holder både på hjemskjermen og på messestanden, der folk blir stående i forbifarten. På telefonen måler den under en centimeter, på roll-upen to meter.

Øverst symbolet, under det fordelene på engelsk og arabisk, nederst avsenderen. Imellom står bare det som vil bli lest.

App-ikon9,35 mmiPhone 5s50 × 89 mmiPad Air197 × 148 mmBrosjyre A4210 × 297 mmRoll-up 8585 × 200 cmFaktor 214
  1. 01 / 04Ni millimeter. Så stort er ikonet på hjemskjermen til en iPhone. Blant alle de andre appene holder utsnittet med ringene.
  2. 02 / 04Telefon og nettbrett. Ett grensesnitt, to enheter. Kan du det ene, kan du det andre.
  3. 03 / 04På papir. Brosjyren forklarer i ro og mak det appen viser på sekunder. Den bærer samme grafikk som nettsiden, papir og skjerm forteller én historie.
  4. 04 / 04To meter. På roll-upen er merkevaren over to hundre ganger så stor som på hjemskjermen. Den bærer, fordi den allerede var tydelig i det små.
Visualisering: MediVey-brosjyre på en hvit pult ved siden av et nettbrett
Brosjyren. Visualisering.
Visualisering: roll-up for MediVey i foajeen til et kongressenter
Roll-upen i foajeen. Visualisering.
Videre
Neste prosjektWedding Award Germany

Planlegger du noe lignende? info@vertikahl.com