Agreem: smartare avtal förtjänar ett smartare gränssnitt
【
My
Daniel
】
Design
Visuell identitet
UI-design
Frontend

Om projektet
Hos många företag ligger avtalen utspridda i mejlkorgar, mappar och pärmar. Det märks först när en uppsägningstid redan har gått ut eller när ingen hittar avtalet som behövs. Det är det problemet Agreem löser. Agreem är ett molnbaserat, AI-stött system för avtalshantering. Bakom det står Jonas Krantz och Carl-Fredrik Ljung, som också driver inköpskonsultbolaget The Purchase Group.
Så funkar tjänsten
I Agreem samlar företag sina avtal, dokument och inventarier på ett ställe. De får automatiska påminnelser inför viktiga datum, en tydlig fördelning av vem som äger vad och AI-stöd för att granska, analysera och riskbedöma sina avtal. Användarna är ofta vd:ar, ekonomichefer och facility managers som vill ha kontroll utan att det blir krångligt.
Utmaningen
Agreem lovar "Smartare avtal. Enklare vardag." Produkten höll redan det löftet, men gränssnittet hade inte hängt med. Ett system som säljs på att vara modernt, enkelt och AI-drivet behöver också se ut så, och kunden ska känna trygghet och överblick från första inloggningen. Samtidigt var Agreem en produkt i drift, med betalande kunder och en kodbas som utvecklas löpande. Uppdraget var därför att ge produkten ett tydligt visuellt lyft utan att bygga om den, på fyra veckor med begränsad budget.
En designer som också skriver koden
Vi löste det med en fullstack designer. My Appelgren tog fram den nya identiteten och implementerade den själv i Agreems befintliga kodbas. Ingenting behövde lämnas över mellan design och utveckling, så arbetet gick snabbt och inget gick förlorat på vägen.
1
Identitet: Med kundens moodboard som utgångspunkt tog My fram en uppdaterad visuell identitet. Den omfattade färger, typografi, ikonografi och formspråk för diagram och tabeller.
2
Applicering: Identiteten prövades i Figma på två nyckelvyer, dashboarden och en tabellsida. Så kunde kunden se helheten och godkänna riktningen innan något byggdes.
3
Utveckling: När designen var godkänd implementerade My förändringarna direkt i produktens stilmallar. Hon såg också till att den nya identiteten fungerade genom hela gränssnittet.
Lugnt, tydligt och i kontroll
Den nya identiteten bygger på en djupgrön färgskala. Den ger produkten en stabil och förtroendeingivande grund, och friskare gröna toner lyfter fram det viktigaste. Nyckeltal presenteras i luftiga kort med stora siffror, så att användaren ser läget direkt. Diagrammen fick samma gröna formspråk, så att statistiken känns som en del av produkten och inte som något som lagts till i efterhand.
Färg för att signalera
Avtal som närmar sig sin uppsägningstid markeras tydligt i listan. Inne i ett avtal möts användaren av en varning med ett direkt sätt att agera. Det är så Agreem håller sitt löfte om att inga datum ska missas.

Tillsammans med kundens team
Arbetet gjordes i nära samarbete med Agreems grundare Jonas Krantz och Carl-Fredrik Ljung och med deras utvecklare Johan Trumstedt. Den dagliga dialogen med Johan gjorde att förändringarna passade in i hur teamet redan arbetade. Nu kan de själva vidareutveckla produkten på den nya grunden.
Resultatet
Efter fyra veckor hade Agreem ett modernare och mer sammanhållet gränssnitt, som matchar det produkten lovar: kontroll och överblick utan krångel. Den nya identiteten finns i hela produkten och är en stabil grund för Agreems fortsatta utveckling.
Samarbetet har varit enkelt och proffsigt från start till mål. Variant och My förstod vad vi ville åstadkomma och omsatte våra tankar till ett gränssnitt som känns helt rätt för Agreem. Resultatet blev precis som vi hade tänkt oss, vi är väldigt nöjda.
Jonas Krantz och Carl-Fredrik Ljung, grundare av Agreem
Varianter i projektet

My Appelgren

Daniel Solving

