Outsmart
Bygga programvara som tjänst
Projektet började som ett äventyrligt sidoprojekt där vi ville utforska hur långt vi kunde ta våra idéer om digital marknadsföring och hur vi kunde förbättra den för små och medelstora företag.
Efter många timmar av iterationer, insamlad feedback och hårt arbete med att hitta produkt–marknadsanpassning utvecklades projektet till en komplett SaaS-lösning för marknadsföringsanalys.
- Tidslinje
- 13 months
- Roll
- Produkt design
- Front-end ramverk
- Klient
- Outsmart
- Industri
- Marketing analys
- Konkurrenskraftig benchmarking
Utmaningen
Att göra data enklare att använda
En viktig del av arbetet var att förstå hur vi kunde presentera handlingsbara insikter på ett tydligare och mer lättillgängligt sätt.
Varje vecka, och i slutet av varje månad, skickades handlingsbara insikter via e-post. Utmaningen var att skapa en design som var tillräckligt tydlig och tilltalande för att göra datan lätt att förstå, oavsett användarens erfarenhetsnivå.
Vi började med att designa rapporterna för utskrift, ungefär som ett traditionellt desktop publishing-flöde. Därefter översatte vi konceptet till en dynamisk PDF-generator och slutligen till e-postkommunikation.
Processen
Fokus på e-postkommunikation
När vi hade en god förståelse för vilken typ av data vi skulle spåra och rapportera blev nästa naturliga steg att utforma det format som skulle användas i den löpande kommunikationen.
Konceptet var att göra det snabbt och behagligt att läsa, tolka och förstå dagliga eller veckovisa framsteg – exempelvis över en kopp kaffe på morgonen.
Vårt fokus låg på självbetjäning och ett enkelt plug-and-play-upplägg för att komma i gång. Vi ville lyfta fram enkelhet och ge användarna möjlighet att själva konfigurera och begära den information de behövde på ett smidigt sätt.
Varumärkesbyggande
Att arbeta med färgscheman
Eftersom vi följde data från olika marknadsföringskanaler ville vi göra det enklare att skilja mellan och fokusera på olika strategier. Därför arbetade vi med tydliga färgscheman.
Vi använde även ett lekfullt och abstrakt bildspråk i illustrationer och andra grafiska element för att ge en känsla av vad användaren kunde förvänta sig av programvaran. Samtidigt höll vi skärmdumparna realistiska och nära den faktiska produkten.
Webbplatsen
Att använda konverteringsdriven design
Nästa del av designprocessen var att utveckla webbplatsen. Den skulle fungera som en renodlad marknadsföringskanal, och vi valde därför att utgå från konverteringsdriven design i layouten.
Först grupperade vi innehållet från våra olika marknadsföringskanaler i landningssidor utifrån användningsområde och målgrupp.
Det gjorde det enklare att rikta in oss på specifika sökord och hjälpa potentiella kunder att förstå erbjudandet utifrån deras dagliga behov och arbetsuppgifter.
Användargränssnitt
Undvika informationsöverbelastning
Eftersom fokus låg på att ge tydliga, enkla och användbara insikter som löpande återkoppling vecka efter vecka, ville vi hålla användargränssnittet rent och fritt från onödiga distraktioner.
Vi förstod också att många mindre företag hade begränsad erfarenhet av avancerad digital marknadsföring. Därför behövde de ett enklare sätt att följa upp och förstå sina marknadsföringsinsatser.
Designspråk
Att få besökare att agera
När vi hade fastställt webbplatsens innehållsstrategi delade vi upp varje sida i ett antal fördefinierade avsnitt. Varje avsnitt hade ett eget visuellt uttryck, men bidrog samtidigt till en konsekvent helhet med fokus på konvertering.
Detta gjorde det möjligt att kombinera och återanvända avsnitt utifrån sidans innehåll och målgrupp. Med tydlig copy och ett konsekvent budskap kunde vi hjälpa besökare att ta nästa steg.
Resultatet
Ett omfattande designsystem med mallar
Allt i projektet byggdes från grunden, baserat på hypoteser och antaganden om potentiella kunder och affärsmöjligheter. Arbetet började som en PowerPoint-presentation och utvecklades successivt.
Vi började med en minimalt genomförbar produkt och itererade löpande på idéer och koncept för att hitta produkt–marknadsanpassning. Med tiden växte arbetet till en omfattande uppsättning designmallar, komponenter och flöden.
- 23
- PDF Mallar
- 54
- E-post Mallar
- 216
- HTML Mallar
- 4
- Unika System
