Genom att ställa rätt frågor och skapa en förståelse för verksamheten och visionen, kan vi ta fram en webbdesign som löser problem, oavsett om det handlar om konvertering, stärka varumärkesidentiteten eller guida besökare till rätt produkter.

Vi skapar webbdesign som är funktionell, användarvänlig, estetiskt tilltalande och som följer projektets övriga krav och riktlinjer för t.ex. tillgänglighet.

Webbdesign

UX, UI, strategi och research

När vi ska ta fram design för en webbplats, börjar vi alltid med en strategi- och undersökningsfas, för att få en stabil kunskapsgrund att utgå ifrån när vi tar fram designen för webbplatsen. I arbetet ingår ofta workshops tillsammans med kunden och undersökningar av olika slag.

Med hjälp av dessa verktyg identifierar vi olika målgrupper, och deras behov.

Genom att förstå och lösa de behov och problem som besökarna på webbplatsen har, kan vi ta fram en sida som uppfyller webbplatsens mål. T.ex. att öka konverteringsgraden eller få besökare att hitta rätt information snabbare.

I den här fasen ingår även att designa interaktionsflöden, navigationsstruktur och upplägg av sidstruktur.

Responsiv design och mobile first

Responsiv design innebär vi ser till att webbsidan ser bra ut och fungerar på olika skärmstorlekar. Eftersom formatet och proportionerna kan skilja mellan olika enheter (mobiltelefoner, läsplattor, bärbara datorer och stationära datorer med stora skärmar), måste innehållet även kunna anpassa sig efter vilken enhet som används.

Mobile first innebär att webbsidans design och funktionalitet anpassas efter att i första hand prioritera upplevelsen för de som besöker webbsidan via webbläsare i mobiltelefonen. Om en hemsida bör vara mobile first eller inte beror på majoriteten av besökarna förväntas använda mobiltelefonen eller ej när de surfar in på sidan.

Wireframes och interaktiva prototyper

Wireframes är skisser på webbsidans layout för att visa var element ska placeras. De kan liknas vid en planritning av ett hus och är ett hjälpmedel för att bestämma sidans struktur. Vi använder wireframes för att kunna planera och utvärdera webbsidans struktur innan webbdesign har lagts till i skisserna.

Interaktiva eller klickbara prototyper kan göra det ännu effektivare att testa och utvärdera webbsidans struktur, layout och interaktionsflöden. Ofta börjar vi med en wireframeskiss, som vi sedan utökar med vissa interaktiva element för att simulera hur en besökare kan använda webbsidan.

Designsystem

Vad är designsystem?

Designsystem har blivit allt viktigare i takt med att antalet webbapplikationer och webbtjänster ökar. Större webbappar och digitala produkter byggs ofta i komponenter som sätts samman till en helhet.

För att hålla designen, brandingen och användarupplevelsen konsekvent genom hela produkten har det visat sig effektivt att sätta upp bestämda regler som beskriver hur komponenter ska byggas och se ut. Dessa samlade regler utgör webbappens designsystem.

Designsystem är en övergripande beskrivning som bland annat även innefattar begrepp som brand guildelines, UI komponenter och ”pattern library”.

Hur funkar designsystem?

Designsystem hjälper företag och organisationer att få kontroll över och ordning på alla delar i en digital produkt. Via designsystemet uppnås en enhetlig design, kommunikation och branding på alla plattformar.

Samtidigt fungerar designsystemet som en resurs för framtiden. Dokumentationen gör det enklare för alla inblandade i produkten att hitta, förstå och bygga vidare på produkten. Genom att kunna återanvända koncept och komponenter går det att spara mycket tid.

Resurser och material

Vi ser till att den nya hemsidan går i linje med företagets grafiska profil i så stor eller liten utsträckning ni vill. Om det inte finns någon grafisk profil, kan vi hjälpa till att ta fram det.

Vi ser till att de färger som används på webbsidan fungerar med de krav på tillgänglighet som finns för projektet. Vi kan också hjälpa till att välja och editera bildmaterial till webbsidan, samt ta fram ikoner och välja typsnitt som går i linje med ert budskap.

Vi kan också hjälpa våra kunder med design av nyhetsbrev eller e-postutskick från webbshopar.

Vårt arbetssätt

På större byråer är det ofta olika avdelningar som arbetar med webbdesign och programmering.

Som ett mindre team som jobbat tillsammans sedan 2010, har vi kortare beslutsvägar och det finns en större helhetsförståelse bland alla i personalen för alla delar av webbprojektet. På så vis arbetar vi effektivare och undviker kommunikationsproblem och ev. kompetensglapp som kan uppstå om det är olika avdelningar som arbetar med webbdesign respektive programmering.

Våra tjänster inom