Trendspaning 2021 – Del 1: Webbdesign

Nytt år – nya möjligheter! Trots ett tungt 2020 i ryggen vill vi bara blicka framåt och hoppas på ett år med många kreativa och positiva lösningar. Vi har haft örat mot marken och botaniserat kring vad som komma skall inom IT och presenterar härmed vår Trendspaning 2021.

Detta är första delen av tre, och vi börjar starkt med webbdesign! Precis som med mode och inredning går det trender även här, och därför undersöker vi vad som spås bli måsten för en riktigt snygg hemsida under 2021. De nästkommande delarna i vår trendspaning kommer att handla om digital försäljning och e-handel samt sociala medier och digital kommunikation.

Komfort före dramatik

Coronapandemin har ”chockdigitaliserat” vårt samhälle, och skärmtiden har ökat i arbetslivet, där många arbetat hemifrån, men också privat. Många internetanvändare har börjat använda digitala tjänster mer frekvent än tidigare, eller testat dem för första gången (källa: Svenskarna och internet 2020). Därför spås hemsidor i år lämna tidigare trender som starka färger, neon och starka kontraster för att istället gå mer mot mjukare toner och färgkombinationer som är lugnare för ögat att titta länge på. Man försöker att undvika plottriga layouter med för mycket innehåll på skärmen samtidigt och fokuserar istället på ett område eller en uppgift åt gången.

Dark mode

Som ett ytterligare steg mot ökad komfort för ögonen ser man att allt fler hemsidor och applikationer lanserat så kallat ”dark mode”, dvs. att man kan växla mellan det vanliga utseendet och en mörkare design. En mörk design sägs enligt vissa vara mindre slitsam mot ögonen då det inte är lika skarpt ljus från skärmen. Det sparar av samma anledning även på enheternas batteritid.

Facebook är ett exempel på Light och Dark mode

På Facebook kan du numera själv välja om du vill använda ljus eller mörk design.

Hejdå minimalism!

Den platta och mycket rena, minimalistiska webbdesign som länge varit en trend börjar alltmer ersättas av mer avancerade designinslag såsom 3D, skuggor, strukturer, mönster och djup. Man eftersträvar ett mer verklighetstroget och analogt utseende, där t.ex. knappar ser ut som fysiska knappar och reglage. Väldigt roligt tycker vi webbdesigners som får lite nya utmaningar och större möjligheter att skapa riktigt vackra hemsidor!

Konceptbild av GanKin

Augmented reality (AR)

Augmented reality (på svenska: förstärkt verklighet) innebär att man förändrar en direktsänd betraktelse av en fysisk miljö med datorgenererad information såsom t.ex. ljud, video eller grafik. Exempel som redan finns och blir allt vanligare idag är att filma ditt vardagsrum med din mobiltelefon och testa hur det ser ut med olika tapeter på väggen, filma dina fötter med mobilen för att testa hur du passar i olika skor eller varför inte testa hur ett visst läppstift passar just dig innan du köper det. Augmented reality kommer bli en viktig del av köpupplevelsen och marknadsföring av produkter på nätet.

Ljud

Ljud på hemsidor har länge varit ett stort no-no, men börjar nu komma tillbaka. Med hjälp av ljud (bakgrundsmusik, ljud vid interaktion, ljud för att förstärka/skapa känslor) öppnar det upp helt nya möjligheter för att skapa en upplevelse. Men att få till en bra ljudupplevelse är inte helt enkelt, och illa planerat och ogenomtänkt ljud kan bli ett stort irritationsmoment. Implementering av ljud kräver helt nya kompetenser hos webbdesigners, och vi tror att man på sikt ser att fler ljudtekniker/producenter arbetar i webbdesign-teams.

Digitala medlemskap

Som så mycket annat så förflyttas delar av föreningsliv och medlemshantering till att ske online och det finns många fördelar med att hitta ett bra system för digitalt medlemskap.

Först och främst behöver du tänka igenom ditt behov. Alla typer av medlemskap har inte samma krav. En väldigt liten förening kan med lätthet hålla kolla på sina medlemmar, se till att medlemsavgifter är betalda och hålla kommunikationen vid liv. Men ju mer avancerad föreningen blir, det vill säga, ju fler medlemmar och större krav på innehåll och information desto svårare blir det att sköta detta med excel-ark och enskilda sms-utskick.

Ett sätt att ta reda på vad just din förening behöver kan vara att se vilka problem som uppstått. Kan det vara just att information inte nått ut till alla; att det varit svårt att sköta ekonomin pga uteblivna medlemsavgifter; eller bara allmänt svårt att hålla medlemsinformation, såsom kontaktuppgifter, uppdaterade?

Underlätta hanteringen

Vilka fördelar finns då med att sköta hanteringen digitalt? Till att börja med förenklar det att ha all information på en och samma plats där den är lättillgänglig för både medlemmar och administratörer. Genom att ha ett digitalt medlemskap kan dina medlemmar själva få fram information och uppdatera sin egen kontaktinformation.

Det är lätt att få ut personligt innehåll till många och även riktad information såsom rabatter och liknande. Beroende på upplägg kan man underlätta för kommunikation medlemmar emellan med medlemssidor. Med ett digitalt medlemskap finns inget behov för fysiska medlemskort, dessa finns på sidan och kan nås via mobil också.

Styr vem som når vilket innehåll och vart

Det finns kanske de som vill erbjuda mer exklusivt innehåll och inte bara vill ha en vanlig medlemsdel utan även ha en vip-del med ännu mer innehåll. Med rätt digitalt system kan du styra själv vem som får tillgång till vad.

Att ha en medlemssida integrerad på er vanliga hemsida är också en fördel då dina medlemmar ändå besöker den och det blir en mer naturlig ingång än att hänvisa till en tredje part.

Oavsett om du har hand om en ideell förening eller någon annan typ av företag som behöver medlemshantering så har Lluvy en lösning för dig.

Vad är en Alt-text?

I djungeln av saker som man måste veta, uppdatera och hålla kolla på i internet-världen så dyker plötsligt alt-texter upp. Vad är då detta? Och vad spelar det mig för roll?

Alt-text, även kallad alt-tagg och alt-beskrivning, är den text som visas istället för en bild på en hemsida om bilden inte kan laddas på besökarens skärm av någon anledning. Först och främst så hjälper det synskadade att förstå vad bilden innehåller vilket är viktigt ur tillgänglighetsynpunkt. Sen så bidrar alt-texterna även till att du dyker upp bättre i Googles sökningar, då din sida både syns som textträff och bildträff.

Att fylla i en alt-text kan se olika ut beroende på vilket hemsideverktyg du använder. Vi använder WordPress och där ser det till exempel ut såhär:

Visar vart du anger alt-text i WordPress

När du skriver texten, tänk på att du inte behöver skriva “Bild av…” då Google redan identifierat det som en bild, utan skriv endast en kort, koncis beskrivning av vad bilden faktiskt föreställer. Man brukar säga att texten ska vara max 125 tecken. Du kan även använda nyckelord som är relevanta för din hemsida i alt-texten men bara om det känns naturligt. En bra tumregel är att fokusera på att alt-texten är främst till för de som inte kan se bilden.

Digitala annonsköp

Konsumenter och potentiella kunders fokus finns på digitala medier och det är där man borde lägga sitt marknadsförings-krut. Digitala annonsköp fortsätter stadigt att öka och går nu om traditionella annonsformer. Det är lätt att betala för att få sponsrade inlägg på de flesta sociala medier men det finns en del viktiga punkter att tänka på innan ni kastar bort era pengar.

  • Börja med att tänka på vad ni vill förmedla i kombination med vad som har fungerat för er tidigare. Vilka inlägg har fått stor spridning? Titta gärna på andra framgångsrika företag och få inspiration.
  • I motsats till vad man kan tro handlar det inte om att alltid skapa nytt innehåll. Återanvänd gärna, omforma och servera i ett nytt format. Det kan vara ett plus om kunderna känner igen sig.
  • Tänk på att använda dina kanaler som test innan du lägger pengar på en riktad annons. Om en typ av inlägg på ex. Facebook har fått mycket positiv respons tidigare kan det vara värt att satsa på.
  • När du väl hittat ett framgångskoncept gäller det att fundera ut vilka du vill rikta annonsen mot. På sociala medier behöver du idag inte vara ett marknadsföringsgeni för att hitta nya kunder och följare!

Svenskarna och Internet 2018

Internetstiftelsen släpper årligen rapporten Svenskarna och Internet. I denna sammanställs fakta om svenskarnas internetanvändning, vad gäller bland annat sociala medier, e-handel, tillgång till internet och användning fördelat per åldersgrupp.

Bland den intressanta information som delats kan man till exempel utläsa att användandet av sociala medier fortsätter att öka och att Instagram är den plattform som växer mest. Snapchat och Instagram är det som unga använder mest, medan de som är 36 år och äldre använder Facebook mer. Så stor andel som 97 procent väljer att söka information på internet och 61 procent använder Google dagligen som sin sökmotor. Nio av tio svenskar har nuförtiden smart mobil och väljer främst denna för sitt dagliga internetanvändande.

Mycket av informationen i rapporten kan ses som bara statistik, men när det kommer till ditt företags digitala närvaro finns det mycket nyttigt att hämta här men vi väljer att nämna några få exempel.

När det gäller målgrupper för ditt företag så bör var du publicerar ditt budskap anpassas efter vilken plattform just din målgrupp väljer att använda. Detsamma gäller försäljning på internet, glöm inte att de äldsta fortfarande ofta saknar, eller inte använder, BankID och Swish. När du skapar din hemsida är det viktigt att tänka på att merparten väljer att surfa på sin smarta mobil. Att se till att hemsidan är mobilanpassad gör att du når ut till fler potentiella besökare.

Du kan läsa rapporten i sin helhet här: https://2018.svenskarnaochinternet.se/

Kom igång med SSL

Kanske har ni redan satt upp mål för er hemsida och digitala marknadsföring inför hösten? Ett vanligt mål, något som vi alla vill, är att hamna högt upp på Google. Något det snackats mycket om den senaste tiden är hur viktigt det är med SSL-certifikat på sin hemsida just för att uppnå detta.

Vad är SSL?

När du besöker vissa hemsidor kan du se att det står https:// framför adressen i adressfältet istället för http://, i vissa fall tillsammans med ett grönt hänglås. S:et i https:// står för secure/säker och innebär att din anslutning till hemsidan är krypterad.

Google ÄLSKAR säkra hemsidor, och ändrade sina algoritmer så att hemsidor med SSL får extra boost i sökresultaten (precis som mobilanpassade hemsidor). Dessutom har vissa webbläsare (t.ex. Firefox) börjat varna besökare att hemsidan inte är säker om SSL saknas.

Hur skaffar jag SSL?

SSL går oftast enkelt att beställa via ert webbhotell (t.ex. Loopia) och behöver sedan konfigureras för er hemsida. Detta hjälper vi gärna till med! Kontakta oss för mer information.

5 tips för bättre produktfoton!

Planerar du att starta nästa år med en uppfräschning av din webshop? Det absolut viktigaste för en kund i sin beslutsprocess är produktbilderna, därför ger vi dig i detta inlägg fem tips på hur du kan förbättra dina produktfoton. För ännu fler tips, se vårt tidigare inlägg ”Bättre bilder på webben”.

1. Var konsekvent

Tänk på att försöka hålla dina bilder i samma stil, detta gäller främst de produktbilder som används som första produktbild (standardbild). Har du en bakgrundsfärg, använd samma på alla bilder. Det gäller även att tänka på ljussättning och färger. Säljer du t.ex. en tröja som du visar upp med flera bilder från olika vinklar, är det viktigt att färgen/nyansen på tröjan inte skiljer sig åt mellan bilderna. En fotograf eller bildredigerare kan lätt korrigera detta i Photoshop.

2. Undvik storleksmissar

Roliga exempel på storleksmissar florerar ofta på sociala medier, och ett exempel är mannen som köpte en riktigt snygg matta till sitt hem från en webshop. Misstaget såg han inte förrän mattan levererades, då paketet var betydligt mindre än vad mannen hade räknat med. Mattan var nämligen inte alls i ”vanlig” storlek utan passande till ett dockhus… Nu är detta ett väldigt extremt exempel, men storleksmissar är dessvärre ett vanligt förekommande problem inom e-handel. Försök därför att alltid ha med en bild på produkten som inte bara är mot vit bakgrund, utan i ett sammanhang eller ihop med ett vanligt objekt där kunden har något att jämföra med.

3. Fokusera på detaljer

Det är detaljerna som avgör! Gör det därför gärna möjligt att zooma in dina produktfoton på detaljnivå, och är det någon detalj som är extra viktig – fokusera helt på den i ett separat foto.

4. Visa produkterna när de används

Vi människor har ofta lättare för att köpa en produkt som vi kan relatera till och inspireras av. Försök därför visa upp produkten när den används, och inkludera gärna människor på bilderna. Säljer du t.ex. en ljusstake, ha inte bara en bild på ljusstaken utan inkludera en bild där ljusstaken är en del av ett vackert inrett rum.

5. Överväg att betala för en fotograf

Bra kameror blir idag allt billigare, och dessutom börjar mobilkamerorna komma upp i bra kvalitet. Detta gör att många försöker att ta egna foton till sina hemsidor, vilket oftast funkar helt okej. När det kommer till just produktfoton bör man dock överväga att anlita en professionell fotograf, då bilderna är en såpass viktig del i köpprocessen. Fotograferna har dessutom inte bara tillgång till bra kamera utan även en studio/ljusbox med rätt ljussättning och ev. rekvisita samt har kunskapen för att hitta bäst vinklar och sätt att visa upp er produkt på bästa tänkbara vis.

Bättre bilder på webben

I vårt förra blogginlägg gick vi igenom 7 tips för att förbättra texterna på din hemsida. Idag fortsätter vi att se över hur du kan förbättra din hemsidas innehåll, men lägger här fokus på dina bilder och ger dig 7 tips till bättre bilder och bildhantering:

1. Hitta rätt känsla och den röda tråden

Fundera lite extra på vad det är du vill förmedla med dina bilder, och vad det är för känsla du vill väcka hos besökarna på din hemsida. Olika färger förmedlar olika känslor, svart-vita bilder en annan etc. Nästan alla bildredigeringsprogram erbjuder olika filter som kan användas för att ge en viss känsla och skapa en röd tråd i dina bilder.

2. Egna foton spöar köpta bilder

Det finns massvis med bilder att köpa (eller som kan användas gratis) som du kan använda på din hemsida, men eget tagna bilder kommer alltid förmedla känslan från din verksamhet starkare. Istället för att köpa en bild på anonyma personer i ett konferensrum, fotografera dina anställda och i ditt kontor. Det ger även en förstärkt känsla av delaktighet och att tillhöra ett team bland dina anställda.

3. Kvalitet på bilderna

Bra ljussättning samt noga utvalda vinklar och perspektiv kan ta en bild från ”bra” till ”fantastisk”. Därför kan det i många fall vara värt att anlita en professionell fotograf för att ta fram era bilder och därmed visa upp er verksamhet på bästa tänkbara sätt.

4. Var noga med att följa lagen!

Fotografier och illustrationer är upphovsrättsskyddade, och publicerar du någon annans bild på exempelvis din hemsida, Facebook-sida eller blogg så har du gjort dig skyldig till bildstöld, vilket kan leda till höga böter. Det går att köpa rättigheter till att använda bilder på exempelvis Shutterstock och iStock Photo, men det finns även gratisalternativ (exempelvis Unsplash, Pexels och Pixabay).

5. Namnge bildfilen med sökord

Tänk på hur du namnger bilderfilerna på din hemsida. Sökmotorerna tar hänsyn till filnamnet, och har mycket lättare att förstå och tolka filnamnet ”vitlackerad-bokhylla.jpg” jämfört med exempelvis ”IMG2916.jpg”. Döpta bilder hamnar dessutom mycket högre upp i Googles bildsök.

6. Skriv bildtexter!

Ha som vana att alltid skriva lämpliga bildtexter till dina bilder. Googles bildsök blir alltmer populär, speciellt när det kommer till produktsökningar. Ge dina produktbilder en extra boost genom relevanta bildtexter. Du kan testa hur bilderna på din hemsida visas idag genom att gå till Google Images och skriva in site:dittdomännamn.se i sökfunktionen.

7. Låt inte bilderna göra hemsidan slö

Stora, vackra bilder som drar ögonen till sig är mycket populärt på webben idag. Tänk bara på att stora högupplösta bilder tar lång tid att ladda, speciellt för de som surfar via mobilnät eller med sämre internetuppkoppling. Genom att komprimera dina bilder och anpassa dem för webben minskas filstorleken och därmed även laddningstiden. Har du en WordPress-site görs detta enkelt med pluginet WP Smush.

Förbättra texterna på din hemsida

Man kan lägga mycket tid och pengar på att ta fram en hemsida med fantastisk design med snygga animeringar och grafiska element. Men när det väl kommer till kritan så är det din hemsidas innehåll (text, bild och video) som är mest intressant och av störst vikt för konsumenten. I detta blogginlägg fokuserar vi på text, och ger dig 7 tips på hur du kan förbättra texterna på din hemsida.

1. Ge rubrikerna lite extra omtanke

6 av 10 besökare på en hemsida kommer endast läsa dina rubriker för att snabbt avgöra om innehållet på din hemsida är intressant. Lägg därför extra tid på dina rubriker. Fångar de intresset? Framgår ditt budskap tydligt endast genom rubrikerna?

2. Less is more

Kom till saken direkt och inled din hemsida med att besvara på frågan ”Vad gör vi, och varför gör vi det?” så kort och koncist du kan. När vi söker information på nätet skumläser vi, och hittar vi inte snabbt det vi söker så går vi vidare. Försök därför att hålla dig till saken, undvik långa stycken och lägg hellre till ”läs vidare”-länkar för den som vill gå in mer på djupet.

3. En bild säger mer än 1000 ord

Ofta kan långa förklaringar och textstycken ersättas med en bild eller grafik. Vi människor har lättare för att ta in visuell information än att ta in en textmassa.

4. Skriv för människor, inte för Google

Många fastnar idag med att försöka sökmotoroptimera sina texter och trycka in så många sökord som möjligt i varje text. Sökord är givetvis toppen, men tänk på att det i slutändan är en människa och inte en robot som kommer läsa dina texter. Vad hjälper det att hamna högst upp i Google, om dina texter ändå inte konverterar besök till köp?

Tänk på att också vara personlig och trevlig i sättet du skriver. Tilltala läsaren med ”du”, undvik formellt språk utan försök skriva så som du pratar. Hur beskriver du din produkt eller tjänst när du berättar om den för någon i samma rum?

5. SKRIK INTE!!!

Det kan ibland vara lockande att använda versaler och utropstecken för att betona och ge extra tyngd åt en text. Dessvärre kommer det av läsaren snarare uppfattas som att du skriker, vilken sällan ses som någonting positivt.

6. Komplettera med video

Trenden är tydlig, vi ser allt mer på video online och många anser att det är lättare att ta till sig information från rörlig bild än från text. Komplettera därför gärna viktig information på er hemsida med en informativ video (eller bildspel).

7. Glöm inte bort att länka

En av de största fördelarna med text på webben är möjligheten att länka vidare din text. Trots det så är det många som glömmer av detta. Länka till delar av din hemsida där man ger djupare beskrivning och förklaring eller till andra hemsidor som är aktuella inom ämnet.

10 inläggsidéer till din företagsblogg

De flesta företag har idag en blogg eller nyhetssida på sin hemsida, men det är vanligt att man kämpar med att hålla den igång. Att regelbundet komma på nyheter att skriva om är ofta tufft och tidskrävande. Här kommer därför tio förslag på inlägg ni kan skriva i er företagsblogg:

1. Svara på era kunders frågor

Stöter era säljare på samma frågor regelbundet? Samla ihop dessa och svara på dem i er blogg!

2. Intervjuer

Intervjua anställda, samarbetspartners eller experter inom branschen. Görs med fördel som videoinlägg.

3. Tips & Guider

Hur använder man er produkt på bästa sätt? Vilka tips och trix har ni?

4. Kundcase

Lyft fram era kunder och berätta hur de använder er produkt. Kan också med fördel göras som intervju och/eller video.

5. Personalens favoriter

Låt någon i personalen välja sin favoritprodukt av ert utbud och berätta varför de gillar just den.

6. Tävlingar & Erbjudanden

Anordna en tävling eller ett ge ett erbjudande endast för era bloggläsare.

7. Nyheter inom er bransch

Håll era läsare uppdaterade om vad som händer i er bransch. Har det tillkommit nya lagar och beslut? Nya tekniska lösningar eller händelser som påverkar?

8. Checklistor

Kan ni underlätta för era kunder genom att skapa checklistor som ger mervärde till er produkt? Exempelvis ”10 saker att tänka på innan… ”, ”Snabb installation med dessa steg…” etc.

9. Aktuella event

Vad händer hos er? Ska ni ställa ut på någon mässa, lansera en ny variant av er produkt eller har ni en ny anställd? Håll era läsare uppdaterade, och visa gärna upp ”bakom kulisserna” i er verksamhet.

10. Välgörenhet och engagemang

Stödjer ni välgörenhet eller föreningsliv? Berätta mer om detta i ett blogginlägg.