Mjukvara

Trygg

Trygg är en global säkerhets- och kommunikationsplattform som skyddar medarbetare i högriskmiljöer. Vi har designat ett intuitivt UI/UX för deras mobilappar och administrationspanel, med funktioner som panikläge, positionsspårning i realtid, incidentrapportering och ett omfattande designsystem.

Kund

Trygg

bransch

Företagssystem

Lösning

UI/UX Design

Designar säkerhet
genom intuitiv användarupplevelse

Designar säkerhet genom intuitiv användarupplevelse

Trygg är en heltäckande plattform för personsäkerhet och kommunikation, utvecklad för organisationer som arbetar i riskfyllda miljöer. Plattformen möjliggör positionsdelning i realtid, samordning vid nödsituationer och säker internkommunikation som skyddar medarbetare i över 190 länder. Vår designutmaning var att skapa intuitiva gränssnitt som levererar livsviktiga säkerhetsfunktioner men ändå är enkla att använda under extrem stress.

Utmaningen

Att designa för säkerhetskritiska system innebär unika utmaningar: gränssnitt måste gå att förstå på ett ögonblick under nödsituationer, fungera under extrema förhållanden och erbjuda komplex funktionalitet utan att överväldiga användaren. Trygg behövde ett designsystem för två plattformar som vände sig till två helt olika målgrupper – fältarbetare som snabbt måste nå säkerhetsfunktioner i mobilen, och administratörer som leder arbetet från kontrollrum på datorn. Designen behövde balansera djupgående funktionalitet med den enkelhet som är helt avgörande i akuta lägen.

viktiga designfunktioner vi byggt

viktiga designfunktioner vi byggt

viktiga designfunktioner vi byggt

Vår designlösning

Vår designlösning

Vår designlösning

Vi skapade ett omfattande designsystem för både adminverktyg på webben och mobilappar, med fokus på intuitiv informationsarkitektur, tydlig visuell hierarki och grundligt testad användbarhet som gör att kritiska funktioner alltid är lätta att nå när de behövs som mest.

design av användarpanel

WooCommerce
prenumerationsplattform

Ett intuitivt kontrollcenter för administratörer med teamkort i realtid, anpassningsbara widgets och prioriterade larm. Allt med en tydlig visuell hierarki som ger dig full koll på läget direkt.

interaktiv karta

Intelligent system för
leveranshantering

Ett smart kartsystem som visar var teamen befinner sig i realtid med anpassade markörer, värmekartor över incidenter och en strukturerad informationsarkitektur som gör att administratörer kan hålla koll på flera datapunkter samtidigt utan att det blir rörigt.

händelser och intressepunkter

Smidig incidentrapportering med ikonbaserad kategorisering, allvarlighetsgrad och ett POI-system för att snabbt hitta säkra zoner, faror och kritisk infrastruktur.

akutläge i gränssnittet

Diskret men lättillgänglig panikknapp med inbyggt skydd mot falsklarm, visuell nedräkning och tydliga eskaleringsvägar som säkrar hjälp när det behövs som mest.

komplett designsystem

Ett sammanhållet designspråk för alla plattformar med tydlig färgkodning för olika prioritetsnivåer, tillgänglig typografi, standardiserade komponenter och flexibla layouter som känns bekanta på både dator och mobil.

användartester och iteration

Omfattande användartester med fältarbetare och säkerhetschefer, stresstestade gränssnitt under simulerade nödsituationer, iterativ förfining baserad på feedback från verkligheten och tillgänglighetsvalidering för extrema miljöer.

vår designprocess

research & insikter

research & insikter

Intressentintervjuer: förståelse för säkerhetskrav från säkerhetschefer och HSE-specialister

Fältstudier: observera arbetare i högriskmiljöer för att identifiera utmaningar med användbarhet

Konkurrentanalys: utvärdering av befintliga säkerhetsplattformar för att hitta förbättringsmöjligheter

User Journey Mapping: kartläggning av kritiska användarresor för både akuta och vardagliga scenarier

Design-
principer

Design-
principer

Tydlighet framför krångel: Varje detalj har ett tydligt syfte och vi slipper onödigt pynt

Tillgänglighet först: WCAG AAA-efterlevnad som garanterar användbarhet under alla förhållanden

Stegvis avslöjande (progressive disclosure): Komplexa funktioner visas i sitt sammanhang för att inte överväldiga nya användare

Felsäker design: Kritiska åtgärder kräver bekräftelse men är ändå snabbt tillgängliga

visuell designstrategi

visuell designstrategi

Färg

Typografiskt hierarki: Tydlig skillnad på viktiga varningar och vardaglig information

Ikonografi: Universellt förståeliga symboler som överbryggar språkbarriärer

Mörkt läge: minskar ansträngningen för ögonen vid nattarbete och bevarar mörkerseendet

viktigaste lärdomarna

Projektet med Trygg visar vår förmåga att designa kritiska gränssnitt där användarvänlighet faktiskt kan rädda liv. Vi lyckades balansera avancerade säkerhetsfunktioner med intuitiv design och skapade ett gränssnitt som fungerar under extrem stress, anpassat för både fältarbetare och administratörer. Vårt omfattande designsystem säkrar en enhetlig upplevelse på alla plattformar, medan noggranna användartester garanterar att allt fungerar när det gäller som mest. Med fokus på användaren och tillgänglighet i första rummet har vi skapat en lösning som gör avancerad säkerhetsteknik enkel att använda för alla, oavsett teknisk vana. Det hjälper organisationer att skydda det absolut viktigaste de har – sina människor.

Fler projekt

Fler projekt

Fler projekt

Redo att lyfta ditt företag?

Redo att förvandla
ditt företag?

Redo att lyfta ditt företag?

Låt oss prata om hur vi kan skapa en skräddarsydd e-handel som får ditt företag att växa.

Låt oss prata om hur vi kan skapa en skräddarsydd e-handel som får ditt företag att växa.