Interaksjonsdesign

TekniskBureau #onenightonly

Innsikten

Tromsø er ikke bortskjemt med de virkelig eksklusive, store bilnyhetene. De millionglisene du ser filmstjerner og fotballspillere kjøre rundt i. Sammen med Teknisk Bureau ønsket vi å gi bilinteresserte i Tromsø et glimt av det råeste av det råeste – fra bilikonet Mercedes. Her i Tromsø.

Merc_3stjerner_1200px

Utfordringen

En hovedutfordring er hvordan lokalt få utbytte av to biler – som man kun (etter mye lobbyering..) får disponere EN natt? Bilene var en del av Mercedes-Benz sitt lanseringsroadshow, og bilene skulle ut i Europa for å vises frem snøggast råd. Og hvordan skaper engasjement og interesse nok rundt ett merke nok til å forsvare stuntet med å transportere svindyre Mercedeser i lukket spesialtransport 200 mil?

Løsningen

Vi utviklet konseptet #onenightonly og vinklet kommunikasjonen og innsatsen rundt nettopp eksklusiviteten som ligger i kun én natt. Via invite til kunder, media, og intens jobbing mot sosiale medier trigget vi bilinteresserte til å oppleve Mercedes-Benz sine luksusnyheter , for #onenightonly – i Tromsø.

I sedvanlig Teknisk Bureau stil, la vi vekt på eksepsjonell høy kvalitet på fotoshoot av bilder, video og kommunikasjonsmateriell. Bilder og video ble behørig jobbet inn i sosiale medier både før- etter og under arrangementet -noe som ga full uttelling. Vår (nå) eminente fotograf/produsent Erik Aadde og prosjektleder Maria tryllet nok en gang, men denne gangen også med video som en sentral del av markedsføringen av #onenightonly  i sosiale kanaler.

Maria_TB1200px

 Resultatet

Spektakulært dyre biler i spektakulære arktiske kulisser har appell langt utover Tromsøs grenser. Så mye, at Mercedes-Benz internasjonalt fanget opp kampanjen og delte den videre. På kort tid hadde begivenheten og bildene fra Tromsø 70-80 000 likes.

Merc_Insta1_1200px

Lokalt ble arrangementet en stor suksess, og oppnådde stort engasjement og omtale. Ikke bare møtte inviterte bilinteresserte og skuelystne opp på #onenightonly arrangementet hos TekniskBureau, men media fanget også opp saken med behørig omtale av både Mercedes-Benz sin deling og av bil, merke og forhandler.

Nordlys_TB_Likes_1200px

1night_TB_4_1200px

1night_TB_2_1200px

1night_TB_1_1200px

Slutt på rutetabellen på papir

Innsikten

De trykte papirtabellene har vært en del av kollektivtrafikken. Lenge. Men nå som elektroniske alternativer har overtatt mer og mer, og store mengder papirtabeller gikk «rett i søpla» -var tiden inne å fase ut de gamle rutene. Troms Fylkestrafikk kom til oss med oppgaven, hvor et viktig mål var både å skape forståelse for endringen og kommunisere ut budskapet til samfunnet.

Løsning

Kollektivtrafikk er viktig for folk, og derfor engasjerer den mange. Selv om statistikken var soleklar på en dramatisk nedgang i den faktiske etterspørselen av rutetabeller på papir, var (og er) den viktig for enkelte grupper. Det ble derfor viktig for oss og kunden å ikke bare finne et kommunikasjonskonsept som skapte forståelse for endringen, men også konsolidere konseptet med å skape gode alternative løsninger for de gruppene som fortsatt ønsket rutetabellene, herunder eldre, bedrifter med flere.

Billetto_1200px_mac

Løsningen ble nettsiden billettomaten.no, hvor man i et raskt og særdeles enkelt og effektivt grensesnitt kan søke etter rutenummer eller holdeplass, for både buss, båt og ferge. Gjennom å koble oss opp via APIet og dataene fra nasjonal rutedatabase, kunne vi få svært nøyaktige treff slik at løsningen viser riktig rute enten man vet rutenummeret eller ikke. Når tabellen er funnet, kan man enkelt skrive den ut selv, laste ned ned, få den tilsendt på e-post – eller faktisk også få tabellen tilsendt i posten, med blant annet i brukertilpassede størrelser (for synshemmede osv.). Designet preges av en brukersentrert tilnærming, med minimal bruk av forstyrrende elementer.

Kreativt konsept

Ideprosessen fikk frem at rutetabellen hadde likheter med andre «uunnværlige» ting fra fortiden som telefonkatalogen, VHS-spilleren, melk på flaske osv. De var en del av hverdagen for de fleste i målgruppen – helt til tiden løp fra de – og de ble faset ut når behovet forsvant, eller endret seg. «Alle ting har sin tid» ble derfor knaggen vi hektet kommunikasjonen på, og dette dannet også bakteppet for både annonsekampanjen, samt informasjonen som ble sendt ut fra vår kunde. Vi ønsket å skape et visuellt blikkfang som skilte seg ut, og sammen med Syden Film og Art Director Fredrik bygde vi opp to humoristiske tilbakeblikk til henholdsvis telefonkatalogen og VHS-spilleren i studio.

Alleting_avis_1200px_2

Oppsummering

Kampanjen ble kjørt over hele Troms i Amedias papir- og nettaviser, med punktvis støtte fra iNord-samkjøringen, på Facebook og i interne kanaler som bussen, kundesentre og så videre,  og endringen ble gjennomført uten større  støy eller klager. De få sakene som kom ble raskt fulgt opp og adressert, og det viste seg raskt at budskapet hadde gått igjennom og at brukerne både hadde forstått og brukte den alternative digitale løsningen aktivt.

De første ukene billettomaten.no har vært i drift, viser at brukerne har lastet ned mer enn 3000 digitale rutetabeller til egen PC eller mobil/nettbrett for lokal lagring/utskrift.

Troms fylkestrafikk

Om kunden

Troms Fylkestrafikk organiserer og har ansvaret for all busser, hurtigbåter og ferger i Troms Fylke

Bakgrunn

Med innføring av nye takstområder og produkter på Tromskortet kommer det også et behov for forbrukerinformasjon. På den ene siden har passasjerene behov for enkel informasjon om  produkter og priser. På den annen side ønsker Troms fylkestrafikk at så mange som mulig skal benytte Tromskortet, da dette reduserer tid bussen bruker på holdeplass og utfordringen med kontanter om bord.

En utfordring var at det etter hvert fantes ganske mange ulike billettprodukter, men at brukerne ofte fortsatte med sine billettprodukter uten egentlig å sjekke om det fantes noe som passet bedre eller billigere.

Troms Fylkestrafikk ønsket å sette søkelyset på at de har en billett som passer for alle, og at det kan være både lønnsomt og veldig enkelt å finne ut hva som passer best ut i fra behov, reisemønster også videre.

Løsningen

 Tilgang på informasjon, priser, samt rutetider som sammenfaller med tranportbehovet, er viktige faktorer som påvirker om folk reiser kollektivt. Ved å tilgjengeliggjøre informasjon på nye og smarte måter kan man bygge merkevare og skape flere lojale brukere samtidig. Hvordan kan vi best informere om noe så trivielt som priser og billettprodukter?

Gjennom en integrert kampanje, der vi kombinerte digitale flater med print, inviterte vi befolkningen til selv å teste hvilket billettprodukt som passet de best. Budskapet i kampanjen var segmentert på alder, slik at vi kunne snakke til mottakerne på deres egne premisser. På den måten skapte vi en relevant kampanje, der ”what’s in it for me” faktoren var høy.

Navet i kampanjen var billettomaten.no. All annonsering digitalt og på print ledet inn dit. På toppen av siden er det to spaker der man kan stille inn alder og ca antall bussturer, og vips så ble det mest økonomisk fordelaktige billettproduktet vist frem på skjermen.

Billettomaten.no inneholder også nyttig informasjon som pristabell, oversikt over billettprodukter og kart over kommisjonærer / utsalgssted.

Kampanjen ble støttet av annonser på print og digitalt. Nettbannerne i avis var fullt integrert med funksjon inne i banneren. På denne måten fikk målgruppen den informasjonen de trengte uten å måtte forlate nettavisen, og vi skapte engasjement der og da.

Resultatene

Oppmerksomhet: Etter lansering har ca 9.000 unike brukere vært innom billettomaten.no for å teste hvilket billettprodukt som passer best for de.

Flybussen.no

Om kunden:

Flybussen er et selskap som frakter flypassasjerer til og fra de store flyplassene i Norge med buss. Selskapet eies av flere frittstående buss selskap fra Kristiansand i sør til Tromsø i nord.

Bakgrunn:

I 2012 fikk vi i oppdrag å redesigne og utvikle en helt ny responsiv nettløsning for Flybussen.no for å øke tilgjengeligheten og gjøre det enklere for kundene å finne informasjonen de trengte. Med økningen i mobilbruk, så Flybussen behovet for å levere tilpasset innhold til brukere på alt i fra smarttelefoner til nettbrett – og selvsagt PC.

Løsningen:

FLB-mobi2_700px

Etter en svært grundig prosess sammen med Flybussen, bruker- og situasjonstester, kartlegging av behov og bruksmønster, meislet vi ut en ny digital designstrategi for nye Flybussen. Vi valgte å gå for en «mobil først» tilnærming, og designet løsningen rundt mobile brukere da Flybussen kunder svært ofte ville være brukere som trenger å finne neste flybuss nærmest «i realtid» – der og da. Ved å forenkle og tilgjengeliggjøre denne informasjonen raskere og bedre – spesielt på mobil – økte  sannsynligheten for at brukerne ville velge Flybussen, fremfor for eksempel drosje.

FLB_skisser_640x480px

Flybussen.no er ikke bare front-end, mye arbeid ble lagt ned i å strømlinjeforme det brukerne ikke ser, men som er viktig for den daglige driften av siden. Databaser, HTML5 basert ruteinformasjon, traseer, kart, holdeplasser avviksmeldinger, oppdateringer og mye annet slik at Flybussens folk kan vedlikeholde og utvikle løsningen videre.

All Flash ble fjernet og hele rutedatabasen lagt om til å kunne kjøres på HTML5, slik at rutevisning, kart og så videre ville funke raskt og effektivt også på nettbrett og smarttelefoner.

FLB-mobi1_700px

En av hovedutfordringene var å gjøre det enkelt og effektivt for brukerne å raskt finne neste flybuss uansett hvilken by, hotell eller flyplass i Norge vedkommende er på. Det ble lagt ned mye tid og ressurser i å gjøre rute- trase og annen informasjon fra by til by effektiv å bruke på mobile medier, på interaksjonsdesign – og ikke minst mye brukertester underveis i utviklingen.

Resultatet:

FLB_multi_700px

Den nye websiden har med egen hjelp økt trafikken med 10%. Andelen som bruker håndholdte medier har økt fra ca 20% til ca 45%.
Et eksempel på at rett fokus på interaksjonsdesign og brukersentrert design gir svært god effekt.

Flybussen.no har i dag ca. 1 million unike brukere i året, og undersøkelser viser at
kundene er svært tilfredse på kriterier som enkelhet, brukervennlighet og nytteverdi.

Bakgrunn:
Flybussen.no er en nettside som binder sammen mange frittstående busselskaper fra hele landet, og som forenkler reisen til og fra flyplassen. I 2012 fikk vi oppdraget med å redesigne løsningen.

Vi utførte

– Brukertesting
– Forprosess, analyse og forenkling
– Interaksjonsdesign
– Tjenestedesign
– Responsiv webløsning
– Utvikling løsning for rutedata og reiseinformasjon.
– CMS med spesialfunksjoner for
registrering av traseer og avganger

SpareBank1 Nord-Norge Tilgjengelighet

Om kunden

SpareBank 1 Nord-Norge (SNN) har ca 244.000 privatkunder fordelt på 73 lokalbanker over hele landsdelen. En viktig del av konkurransekraften ligger i den desentraliserte profilen, som gjør at de skiller seg fra konkurrentene.

snn_002

Bakgrunn

SpareBank 1 Nord-Norge (SNN) har ca 244.000 privatkunder fordelt på 73 lokalbanker over hele landsdelen. En viktig del av konkurransekraften ligger i den desentraliserte profilen, som gjør at de skiller seg fra konkurrentene.  SNN kom til HK og utfordret oss på hvordan de kunne bli enda mer tilgjengelige for sine kunder.

Løsningen

Gjennom en omfattende prosess, utviklet vi sammen med SNN et tilgjengelighetsprosjekt som resulterte i flere omfattende tiltak for å øke tilgjengeligheten mot kundene:

– Webløsning som forenklet tilgangen på informasjon om lokalbankene.
– Kampanje og markedsmateriell som kommuniserte tilgjengelighetsflatene for SNN på web og papir.
– Utvidede åpningstider fysisk i 74 lokalbanker.
– Organisasjonsmessig endring ved å åpne for direktekommunikasjon med enkeltansatte i lokalbankene.

Noen av tiltakene

– Økt tilgjengelighet ved forlengelse av åpningstider.
– Kundesenter åpen til midnatt
– Backend database for ansatte, tjenester og geografisk plassering på filialer
– Forenklet interaktiv visning av avdeling, kart, dets tilbud og ansatte.
– Geolokaliseringsfunksjonalitet i finn din bank
– Dynamisk og søkbar oversikt over alle bankene på snn.no
– Tilgjengeliggjøring av rådgiverne.
– Kampanje på web og print som markedsførte økt tilgjengelighet

En viktig del av tilgjengelighetsprosjektet foregår på nettsiden til SpareBank1 Nord-Norge. Vi utviklet blant annet en komplett database over ansatte, tjenester, roller, geografisk plassering på hver ansatt og filial. Denne databasen danner grunnlaget for blant annet geolokaliseringsfunksjonaliteten, som lar brukere finne nærmeste bank med et knappetrykk. Databasen gjør det også mulig å automatisk vise de ulike tjenestene på hvert avdelingskontor. For å gjøre geolokaliseringen så treffsikker som mulig, utviklet vi en sjekk basert på flere kilder – operativsystembasert (innebygget i operativsystemet) samt sjekk mot manuell geolokaliseringsdatabase fra en av verdens største leverandører av slike data. Til sammen gir dette en meget høy treffprosent, uavhengig av bredbåndsleverandør.

HK utførte:

– Research/analyse.
– Rådgivning.
– Konseptutvikling.
– Interaksjonsdesign.
– Usability.
– Felttesting og kvalitetssikring geolokalisering.
– Frontend og backend systemutvikling av database og visningsmodul på snn.no
– Design, kommunikasjonspakke
– Interaktiv nettkampanje
Plakater
Annonsemaler

Kampanjen ble blant annet understøttet av webbannere på de fleste nordnorske nettaviser i en større nettkampanje. Bannerne benyttet geolokaliseringsfunksjonaliteten i modulen til å automatisk detektere hvor leseren befant seg, og tilpasset deretter avdelingsdata og kommunikasjonen til nærmeste SNN-avdeling.

Ensafer.com

Om kunden:

Invenia er et selskap i Tromsø som har sprunget ut fra forskningsmiljøet på universitetet. Gjennom flere år har de jobbet med å utvikle en unik og avansert teknologi for kryptering av sensitive data i skyen. Tjenesten har fått navnet Ensafer, og kan blant annet brukes til å kryptere sensitive data som lagres i Dropbox.

Bakgrunn:

Skyløsninger – som f.eks Dropbox – gjør det enkelt å lagre og dele bilder, dokumenter og andre former for datafiler. Problemet er at slike skytjenester ofte ikke er sikre nok. Internasjonal datakriminalitet er i sterk vekst, og mange tjener store penger på å stjele sensitive dokumenter og selge de videre. Ensafer krypterer sensitive data på en revolusjonerende enkel måte, slik at det er umulig for andre enn avsender og mottaker å lese innholdet.

Løsningen:

Ensafer er en skytjeneste, og en stor del av forprosessen gikk ut på å forenkle og filtrere vekk unødvendig informasjon som var på den gamle nettsiden. Etter en grundig strategiprosess sammen Ensafer, endte vi opp med en løsning som fokuserte på å gjøre veien til nedlasting kort og effektiv men for de som ønsket mer informasjon blir dette presentert i lettleselige seksjoner på en og samme nettside. En viktig del av oppdraget, var at Ensafer selv ønsket å utvikle og styre innholdet, noe de også gjorde. Ensafer bruker Hubspot som CMS, og vi leverte implementering av designet på denne plattformen.

HKTR har tidligere levert navn og identitet til #Ensafer.

HK Reklamebyrå Tromsø || Pb. 130 || Kystens Hus, Stortorget 1, 2. etg || 9252 Tromsø || Tlf. 957 04 000 || tromso@h-k.no