Telia.
En ny design för appen Telia Home, tillsammans med ett arbetsdokument som sätter riktlinjerna för Telias framtida appar – i samarbete med Strateg Agency.
Före: översikten visade data, minuter och sms som separata staplar – med liten hierarki och utan varumärket i fokus.
Efter: en planöversikt där kvarvarande data lyfts i en stor hero, med tydliga staplar och en handledd nästa åtgärd.
Bakgrund.
Telia finns i 8 länder med över 60 appar, och alla behövde ett mer enhetligt uttryck för att stärka Telias varumärke. Uppdraget låg hos Strateg Agency, som redan hade en designer men saknade UX-kompetens – därför togs Nora in för att ta fram den nya designen av appen Telia Home, tillsammans med byråns designer. Uppdraget handlade inte bara om en enskild app: designen skulle också fungera som grund för hur Telias appar ser ut och känns över hela gruppen.
Utmaningar.
Telia är en stor organisation med appar i 8 länder och över 60 appar som byggts vid olika tidpunkter, med olika uttryck och olika mognad. En utmaning var att Telias grafiska uttryck skilde sig något länderna emellan – och ändå skulle allt samlas under ett gemensamt språk, med riktlinjer som är tydliga nog att följas men flexibla nog att fungera i olika marknader och produkter. Utmaningen var att designa en enskild app så att den samtidigt håller som förebild och mall för allt som kommer efter, och att ta fram ett gränssnitt som fungerar lika bra på iOS som på Android.
Process.
Nora tog fram designen för Telia Home tillsammans med byråns designer. Utifrån Telias grafiska profil togs mallar fram, och parallellt växte ett arbetsdokument fram – ett designsystem med ikoner, färger och UI-tillgångar. Under arbetets gång hölls täta presentationer med Telia, där Nora med sin expertis guidade och gav råd om bästa sättet att ta fram ett gränssnitt som skulle fungera för både iOS och Android. Designen och arbetsdokumentet ska tillsammans fungera som riktlinjer när framtida appar utvecklas och befintliga görs om, så att nya appar startar med ett enhetligt uttryck i stället för att växa isär.
Resultat.
Telia fick en ny design för Telia Home och ett arbetsdokument med designsystemet sida vid sida – ikoner, färger, UI-tillgångar och mallar utifrån Telias grafiska profil, samlade på ett ställe. Tillsammans utgör de en gemensam grund som gör det enklare att utveckla och göra om appar med ett enhetligt uttryck, och som stärker Telias varumärke över hela gruppen.
Före & efter
Före
EfterInloggningen
Inloggningen var trång, med flikar och formulär utan varumärkesförankring. Nu möts användaren av Telias logotyp, tydliga flikar och generösa fält.
Före
EfterFakturan
Den täta fakturavyn med en mörk notis överst ersattes av en luftig vy med tydlig hierarki – OCR-numret kopieras med ett klick och PDF:en visas direkt.
Före
EfterTjänsterna
Kampanjer och tjänster blandades i ett trångt uttryck. Nu ger Products & services tydliga kort, strukturerade tjänstelistor och betydligt mer luft.
Från appen.
Nedan visas flera av skärmarna som togs fram inom ramen för designsystemet.
Inloggningen möter med Telias logotyp, flikar för mobilnummer och BankID samt tydliga fält.
Hemöversikten samlar alla abonnemang – data, balans och tjänster på ett ställe.
Huvudmenyn samlar Mina sidor och Hjälp på ett ställe – översikt, fakturor och tjänster ett klick bort.
Fakturaöversikten grupperar fakturorna per år med tydlig status: obetald, förfallen eller betald.
Fakturakortet håller förfallodatum, OCR-nummer och snabba åtgärder samlade: kopiera OCR eller öppna PDF:en.
Products & services öppnar med en banner och ett upptäck-flöde, följt av en samlad lista över alla tjänster.
Supportchatten håller konversationen i fokus med ett stort inmatningsfält och en tydlig skicka-knapp.
Butikssökaren kombinerar karta och lista över närliggande butiker så användaren snabbt hittar rätt.
Abonnemangsöversikten visar kvarvarande data, dagar tills påfyllning och saldo – med en tydlig knapp för datapåfyllning.
Inställningarna samlar profil, inloggning och appalternativ – inklusive Touch ID och språkval.
1 / 10