Bakgrund

Sedan 2009, när första versionen av Pausits programvara för smart pausgympa lanserades, marknadsför de en digital produkt som hjälpt många stora arbetsgivare att stötta sina medarbetare till bättre kontorshälsa.

De hittade till We dig it när de stod inför en modernisering av sin etablerade lösning, de där viktiga pauserna i kontorslandskapens stillasittande vardag behövde ett lyft. De skulle gå från pausgympa via en fast installation utförd av IT-avdelningar till en bred hälsoapp (tillgänglig också för privatpersoner) via en molnbaserad webbapp.

Ambitionen var tydlig. Ökad tillgänglighet, förbättrat utbud, hjälpa fler att undvika skador som kommer av en monoton arbetsdag, med ett trevligt och peppande tilltal. 

Man kan säga att de snubblade över oss, eller att Johanna (chefen) snubblade över dem. Vi delar nämligen kontorsmiljö på Creative House i Örebro, och endast 5,3 meter skilde oss åt.

Vi slöt snabbt upp kring Pausits utmaningar och ställde oss flera frågor: 

• Vilken känsla ska den ge användaren och hur ska den se ut?
• Vem ska Pausit vara? Och vem ska vi vara till för?
• Vad vet dagens användare som vi behöver veta?
• Vad ska den nya digitala produkten heta? 

Lösning

Vi började med att arbeta med namnet för den nya applikationen och de olika modulerna som skulle utgöra innehållet. Det blev Pausit Coach. Så självklart! Vi skulle vara en coach –  som peppar och påminner om det goda i rörelsepauser. 

Samtidigt skissade vi användarflöden och testade färg och form i nära samarbete mellan designer, Niklas och Micke på Pausit och deras utvecklingsteam på Nornio. Det mesta behövde piffas upp för att nå målet om modernisering, loggan och den grafiska profilen var inga undantag.

När strukturen började sitta kunde också tilltalet ta form. UX-writer kopplades in och den coachande tonaliteten växte fram.

Redan efter första mötet med We dig it insåg vi vilken enorm kompetens de har inom digital strategi och marknadsföring, med tankar och idéer vi aldrig hade kommit i närheten av på egen hand. 

Niklas Palmér
VD och grundare
Pausit

Plötsligt kändes webben i behov av ett lyft. Det passar sig ju inte att marknadsföra en modern produkt med en omodern webb… Ytterligare designer kopplades in tillsammans med SEO-specialist som bollplank för sidstruktur. Vi ritade om enligt den nya grafiska profilen och copywriter såg till att tonaliteten fick rätt spänst även här. 

Vi fungerade som en partner genom hela utvecklingen och bidrog kanske mest med att förutse behov och sen snabbt koppla in rätt kompetens för de olika uppdragen. We dig it är en liten byrå, men vi kan verka stora eftersom vi har ett brett nätverk av slipade specialister som hoppar in i projekt där de behövs. 

Samarbetet med Pausit fortsätter. Med digital marknadsföring, sociala medier, sökmotoroptimering, spårning med cross domain tracking, innehållsproduktion, designutveckling och filmproduktion. 

Resultat

Så hur skapade vi värde för Pausit?

Kort och gott stavas det ett modernare varumärke. Ett annat sätt att beskriva det är att vi hjälpte dem att göra verklighet av sin ambition – att skapa en interaktiv och användarvänlig produkt som gör det möjligt för fler att ta del av Pausits samlade kunskap. På ett enkelt, schysst och kul sätt. Som på kuppen motar stillasittandets alla baksidor i grind.

Man skulle kunna säga att vi stöttade upp i förflyttningen från pausgymnastik via IT-avdelningen till en hälsoapp i molnet. 

Testa Pausit Coach här. Du får 21-dagars gratis provperiod. 

Team

Johanna, strateg & projektledare
Peter, UX/UI-design Pausit Coach
Nils, UX design, Pausit.se
Nonny, copywriter, UX writer Mr. Stevens
Elias, SEO-specialist
Simon, webbutvecklare CodePilot, utveckling av pausit.se
Chris Neighbors, digital marknadsföringsspecialist
Sofia Axelson, content manager

Behöver du ett målmedvetet bollplank för din digitala strategi? Ett team som springer på din ambition? Slå oss en signal så ser vi om vi är rätt för varandra.

The post Pausit Coach appeared first on We dig it.

Har du någon gång upplevt en riktigt krånglig webbplats? Som inte alls haft dig i fokus, alltså du som användare? Språket och navigationen är helt “inifrån-och-ut”? Och till råga på allt kanske det tillhör ditt försäkringsbolag, din vårdgivare eller din bank, så att du liksom inte riktigt kan gå någon annanstans just nu, utan tvingas försöka förstå hur du i allsindar ska komma framåt mot ditt mål med ditt besök på sajten eller i appen. Börjar du koka av bara tanken? Vi gissar att du diggar riktigt bra UX-design du också.

Med användaren i fokus hjälper vi dig att designa en digital produkt som du kan vara stolt över. I den här artikeln berättar vi om hur vi jobbar och vad vi tycker är viktigt när vi arbetar fram en webb eller app med dina användare i fokus.

Vad gör en UX-designer?

En UX-designer har stenkoll på vilka dina användare är och vad de behöver av din webb eller app för att hitta lösningar på de problem och frågor eller det köpsug de kommer dit med.

UX:aren ser till att din webb eller app bara funkar. Rätt sak på rätt plats, inga överraskningar. Om man jämför din webb med ett hus så är UX-designern arkitekt och konstruktör i ett. Alla rum ska finnas och vara lätta att komma till. Det finns el i uttagen, vatten i kranarna, handtag på dörrarna. Inget kärvar och allt är stabilt och säkert. Och man ska genast förstå vad varje rum har för funktion och nytta, utan att någonsin ägna det en tanke. Egentligen sådant man bara tar för givet.

När väggar och tak, el och golv är på plats kan den grafiska designen läggas till. Som möbler, belysning och tapeter i ditt hus. Utan din designer faller det grafiska platt och utan den grafiska designen blir ditt hus riktigt trist, men också svårt att navigera i.

Så jobbar We dig it med UX-design

Just webbprojekt är ofta ingången till nya kundsamarbeten hos oss. Vi får en förfrågan om att pigga upp en befintlig webb, bygga en webb eller app från ett vitt papper eller utföra en UX-audit där förväntningarna för till exempel konverteringsgrad på en befintlig webb inte riktigt slagit in.

Research för en bättre användarupplevelse

Var vi än börjar, går vi alltid igång med att läsa in oss på dig som kund, dina användare, dina konkurrenter och marknaden du agerar på. Vi vänder oss till din varumärkesstrategi för att få koll på ditt uttryck, vilket ibland resulterar i att vi behöver pigga upp även din grafiska profil. 

Digital ramverk – See, Think, Do, Care

När vi utvecklar en digital produkt arbetar vi tillsammans med dig i ett ramverk som kallas STDC – See, Think, Do, Care. Modellen handlar om att kategorisera dina besökare i dessa fyra olika grupper för att vi ska vara säkra på att vi möter varje besökares enskilda behov med rätt innehåll oavsett hur långt de har kommit i sin kundresa.

Ramverket hjälper oss se din verksamhet ur din kunds perspektiv och används för att bygga upp ditt innehåll. Vi ställer oss frågor som: 

• Vad vill din kund genomföra på din webbplats idag?
• Vad är målet, eller behovet med dagens besök?

See – Alla dina potentiella kunder. Ej medvetna om behov. Ingen köpavsikt. Inspirera.
Think – Potentiell kund. Medveten om behov. Köpavsikt. Informera.
Do – Potentiell kund. Stark köpavsikt. Ge ett erbjudande.
Care – Befintliga kunder. Genomfört köp. Skapa mervärde.

När vi har arbetat igenom din värld och omvärld och satt dig på kartan i STDC-form kan designarbetet börja. På We dig it arbetar vi i tre faser:

1. Sidstruktur
2. Wireframes
3. Designskiss / slutdesign

Din sidstruktur är avgörande för dina kunders användarupplevelse

En sidstruktur är din plan för ditt innehåll. Hur din besökare ska mötas av ditt innehåll och hur denne ska ta sig igenom din försäljningstratt. Sidstrukturen har en stor uppgift att ta hand om – den ska se till att din webb eller app är enkel att navigera. För både människa och sökmotor.

Webbens navigering är viktig av flera anledningar. Om dina besökare upplever din webb som krånglig förlorar du kunder och affärer. Sökmotorer snappar snabbt upp att dina besökare skyndsamt lämnar din sida och kommer att ge dig lägre ranking för dina viktiga sökord, vilket betyder färre nya besökare via sökmotorer. En krånglig app eller webb förlorar såklart också i konverteringsgrad. Så man kan säga att med en stökig sidstruktur behöver du jobba hårdare för att attrahera besökare och ännu hårdare med att konvertera dem till kunder. En loose-loose situation kan man säga. Satsa på win-win och var noggrann när du skapar din sidstruktur. 

Ofta arbetar vi parallellt med SEO när vi designar en ny webbprodukt. Det ger dig alltid en fördel konkurrensmässigt eftersom vi då har koll på sökbeteendet för ditt erbjudande. I och med det har vi möjlighet att utgå både från SEO-strategi och användarupplevelse när vi sätter din sidstruktur.

Wireframes är grunden till din UX-design

Wireframes kallas ibland för trådskisser på svenska men det får bara ynka 1800 träffar på google jämfört med 54 miljoner för engelskans wireframes. Så det verkar som det är lättare att gå med flytet (som man säger) och kalla det för wireframes. Det handlar om en visuell guide som visar ramarna för din webbprodukts utformning. Den grundläggande layouten, den röda tråden i din navigation och hur webbplatsen ska struktureras. Fokus ligger på användarupplevelse och flöde. 

Dina wireframes visar var olika innehållskomponenter tar plats och vad de ska innehålla. Här tillbringas livet i svart-vitt så att fokus blir på funktion snarare än form. Vi tycker om att spendera den största delen av designuppdraget i wireframes. Alla beslut som rör användarupplevelsen ska fattas här och de gånger vi genomför användartester är det också i wireframes som de går av stapeln. 

Skisserna utgår från STDC-ramverket och din SEO-strategi och agerar beslutsunderlag mellan dig och vårt eminenta design-team. För att det ska bli så tydligt som möjligt för dig att förstå brukar vi skapa mockups så att du kan klicka dig igenom wireframes och få en känsla av navigering och innehåll. Här ser vi tydligt om vi prioriterat rätt, en kvalitetssäkring både för kund och designer.

Här kan det lämpa sig med en skål i bubbel. Det brukar göra gott!

Designskiss, dags för färg och form för din UX

Äntligen möbler i huset! I den här fasen målar designern med ditt visuella uttryck. Din palett, din typografi. Här kommer ditt varumärkes personlighet fram och vi puttar på pixlar så att det blir exakt så som vi vill ha det. Med hjälp av färg och form guidar vi din besökare framåt på din webb. Vi vill vara så konsekventa som möjligt i formen för återkommande element, som till exempel länkar, knappar och symboler, allt för att dina användare ska känna igen sig och veta exakt hur de navigerar på din webb.

Här häller vi in mer “riktigt” innehåll så att vi ser mer av den slutgiltiga produkten. Vår UX-writer gör entré (denne har hovrat över projektet och studsat i bakgrunden länge och får äntligen skrida till verket.)

När designteamet och kunden är nöjda och överens lämnas arbetet över till en webbutvecklare för att förverkliga designen i HTML. 

Designer tar en paus och i de allra flesta fall rycker nya specialister in och tillsammans kavlar vi upp ärmarna för att driva trafik till din sprillans nya webb. 

Vad kostar det att bygga ny webb?

Kostnaden för att bygga en ny webb varierar stort och beror på flera olika saker. Om du ska bygga helt nytt eller fokuserar på att fräscha upp. Hur stor din webbplats är och hur många olika typer av sidor som behöver designas. Det beror också på om den ska byggas upp från befintliga mallar i till exempel WordPress eller om den ska byggas med ett unikt uttryck, i fri kod. 

Börja med att fundera på om din webb är användarvänlig idag. Skulle du kunna göra förbättringar? Glöm inte att här finns affärer att hämta!

The post UX-design – för användarupplevelser som konverterar appeared first on We dig it.

Det är mycket att tänka på när man ska köpa en hemsida. 

Allt börjar med en förstudie, där vi i en gemensam workshop landar i en hel del insikter och val. 

Vem är hemsidan till för och i vilka faser är kunden när den kommer till den? Vet den mycket om er, eller ingenting? 

Hur hittar de er? Vilka kanaler kommer de ifrån? Kanske är sökmotorn extra viktigt för er? Då krävs ett gediget SEO-arbete till exempel (Psst! Läs mer om SEO här). 

I vår första workshop fokuserar vi på att besvara alla dessa frågor genom att använda ett ramverk som kallas för See, Think, Do, Care. Den utmanar er att ta på er utifrån glasögonen och titta på webben på ett annat sätt. 

Vilken typ av material behöver exempelvis finnas där om besökaren är i en fas då den inte känner till er alls? Eller om den vet mycket om er redan, vad behöver finnas då?

Det är viktigt för oss att ni känner att ni får en genomtänkt och snygg hemsida som ni kan vara stolta över. Så vi anpassar givetvis hela projektet efter vad just ni behöver och vill ha.

Design – det andra steget för er nya hemsida

När workshopen väl är genomförd och vi fått med oss en massa härliga insikter från er, tar vi det vidare in i det som vi benämner som UX-design. De olika stegen för det kan du läsa om här, om du känner dig sugen på att fördjupa dig i vad som komma skall. 

I grova drag handlar det om att sätta en sidstruktur, wireframes och så småningom kommer vi till UI-designen då vi tar fram hela färgpaletten och skapar känsla på er nya hemsida. Ljuvligt va?

The post Hemsidor appeared first on We dig it.

I rollen som designer på We dig it får man kasta sig mellan olika typer av uppdrag. Även om vårt fokus när det gäller design ligger på det digitala, så hoppar vi gärna mellan med andra typer av designuppdrag mellan varven, så som tryckgrejer till mässor, att designa en kaffemugg eller printannonser.

Men även inom ramen för det digitala finns många olika typer av uppdrag. Grovt man kan dela in uppdragen i två olika ben – design för webb och att designa annonser för digitala kampanjer på exempelvis Google ads, Meta (Facebook/Instagram) och LinkedIn.

UX-design – kunskapen om användarupplevelsen

När en ny webb ska påbörjas är UX-design en superviktig kompetens. Vi vet, det finns mycket buzzwords som vi slänger oss med – men vi är också väldigt förtjusta i att förklara vad de betyder. UX-design står för User Experience och handlar om att skapa en digital produkt för en god användarupplevelse. Du kan läsa allt om UX-design i den här artikeln.

Design för annonser och kampanjer

I inledningen av många projekt har designer tillsammans med copy en central roll i att skapa själva kommunikationen som vi gör annonser av i exempelvis sociala medier. En viktig del av det arbetet är att förstå vilket budskap och vilken känsla kunden är ute efter – och vad som funkar på målgruppen. När ett koncept väl är satt ska det göras ut i alla olika format som behövs för annonsering på olika plattformar – om det är reels, stories eller vanliga inlägg som ska göras till exempel.

Har ditt företag en grafisk profil på plats?

Ett hinder som vi ofta stöter på när vi träffar en ny kund om vill dra igång digital marknadsföring eller en ny hemsida är att företaget saknar en grafisk profil. En grafisk profil är liksom grunden till all din kommunikation. Den är din visuella identitet – en manual som visar hur ni ska se ut i olika format och i olika kanaler. Läs mer om vad en grafisk profil är här.

The post Design appeared first on We dig it.