Responsiv webbdesign – så anpassar du din sida till olika plattformar

responsiv webbsida fungerar på olika plattformar

Den tekniska utvecklingen går framåt i snabb takt. Inte minst på webben, där flexibiliteten blir allt viktigare. Om man startar en hemsida så räcker det inte att den går att läsa på pc:n där hemma. Idag är det ett måste med responsiv webbdesign, det vill säga att sajten måste vara läsbar på såväl datorer som läsplattor och smarta telefoner.

Den responsiva webbdesignen är metoden som allt fler använder för att möta de snabbt förändrade digitala beteenden som den tekniska utvecklingen ofrånkomligt leder till.

Eftersom det mobila surfandet väntas gå om datorsurfandet inom några år så är det allt fler företag som satsar på responsiv webbdesign.

Tillgänglighet är nyckelordet

Responsiv webbdesign betyder enkelt uttryckt att man bygger en hemsida som är tillgänglig för alla former av besöksenheter. Sajten anpassar sig helt enkelt till på olika sätt till dator, mobiltelefon eller läsplatta. På detta sätt får besökaren en så komplett upplevelse som möjligt av sidan.
Viktigt med responsiv webbdesign är delvis att den underlättar för besökaren att göra en affär. Om den inte är anpassad för mobilen och kunden misslyckas med att klicka sig fram till kassan så är det inte troligt att han söker upp samma sajt på en dator, troligare är att han hittar en konkurrent på mobilen.

En annan fördel med responsiv webbdesign är att upplevelsen blir densamma för läsaren oavsett plattform. Det visuella är det samma på mobilen som på datorskärmen, fast i nerskalad version. Mycket viktigt på dagens konkurrensutsatta, där designen allt mer ses som en konkurrensfördel, blir anpassningen till flera olika plattformar än viktigare.

kvinna vid laptop med iphone i handen

Tre viktiga begrepp

Vad är då responsiv webbdesign rent konkret? Förenklat kan man säga att det handlar om tre huvudpunkter_

  • Fluid grid – att sajten förändras i bredd beroende på skärmstorleken
  • Fluid images – att bilder skalas upp och ner i storlek och därmed anpassas till plattformen.
  • Media queries – frågor som webbsidan ställer till användarens enhet.

Responsiv webbdesign har på senare år utvecklats till en utvecklingsfilosofi, som gjord för att öka användarvänligheten på olika plattformar. Hetast när det gäller denna inriktning nu är det som ofta benämns mobile first och content first. ”Mobilen först” innebär att man utvecklar den mobila sajten först eftersom den ställer högst krav. ”Innehållet först” betyder att man utgår från innehållet när man producerar sajten.


Den kritik som finns mot metoden handlar om att den inte tar hänsyn till det faktum att en mobilbesökare har olika syftet med besöket beroende på vilken plattform hen använder. Dessutom fungerar inte en responsiv sajt till att göra allt du kan göra olika appar.

Men trots dessa invändningar så är dagens expertis på webbdesign ense om att responsiv webbdesign är rätt väg att gå – teknikutvecklingen kräver helt enkelt större flexibilitet.

Så attraherar du kunder till din e-butik

webbshop för kosmetika

Du har startat företaget, utvecklat produkten, lagt upp en genomtänkt affärsplan, skapat en organisation, ordnat med allt det administrativa och skapat en snygg och attraktiv e-butik.

Då är de väl bara att börja sälja och räkna pengar? Nej, du har det kanske svåraste kvar, att locka kunder till din webbutik. Ingen trafik – ingen försäljning, så enkelt är det.

Marknadsföring är ett måste för att du ska nå ut med din produkt. Problemet är dock att de flesta nystartade företag inte har några stora kassor att hämta marknadsföringspengar ur. Här bjuder vi därför på några enkla knep som kan få fart på trafiken utan att det gör några stora hål i plånboken.

kvinna med smarttelefon i handen

Viktigt att sökmotoroptimera

För att nå ut är det av största vikt att du gör en ordentlig sökmotoroptimering i din webbshop. Detta är ett effektivt sätt att synas, eftersom en bra optimering gör att du klättrar högre upp i resultatlistan på Google, den sökmotor som dominerar totalt i Sverige i dag. Gå igenom texter på startsidan och alla undersidor och använd ord som dina kunder kan tänkas söka på. Glöm inte att även optimera sidans meta-information.

Viktigt är också att uppdatera innehållet på sidan. Dels känner Google av att butiken är aktiv och ger dig bättre ranking, vilket genererar fler kunder. Dessutom får kunderna en anledning att återkomma till affären om det händer nya spännande saker ofta. Nya produkter och intressanta länkar om din bransch är två bra förslag på nytt innehåll som kan ge effekt.

man vid dator på facebook

Sociala medier blir allt viktigare

Sociala medier blir allt viktigare ur marknadsföringssynpunkt. De flesta tillbringar tid på Facebook, Instagram och Twitter idag. Men hur gör man för att sticka ut i det enorma flödet?

Ett bra tips är att börja med att bjuda in vänner och bekanta och be dem dela din sida till sina bekanta. Att leta upp personer och företag inom just din bransch på sociala medier kan också fungera, dela bra innehåll så kan du locka följare till din webbshop.

Flödet på sociala medier är enormt i dag, en strid ström av erbjudanden och sponsrade annonser. För att sticka ut är det viktigt att di bjuder på relevant och personligt innehåll, det kan vara tips om hur man använder din produkt eller en instruktiv video. En blogg kan också vara ett bra tips om du vill ha en plattform med personligt innehåll som är relevant för just din produkt.

man använder instagram på restaurang

Bilder ger ofta många delningar

Glöm inte att en bild säger mer än tusen ord. Vill man ha uppmärksamhet och delningar så fungerar bilder och videos ofta bra. Instagram är det perfekta mediet för detta.

Underhållande tävlingar, unika specialerbjudanden till dina följare och pressmeddelanden till ”gammelmedia” och nyhetsbyråer kan också vara bra sätt att få uppmärksamhet till din shop. Det sistnämnda kan vara en bra idé om du bor på en mindre ort, många landsortstidningar skriver gärna om nya företagare i närområdet.

Det viktigaste är dock att inte ge upp. Att marknadsföra en webbshop är ett hårt arbete som ofta betalar sig först på lång sikt.

Skriv en egen e-bok och vinn nya kunder

vinn nya kunder med hjälp av en e-bok

Är du eller din verksamhet bäst på ett specifikt område? Hur jobbar ni med marknadsföringen?

Självklart bör ni jobba på att bygga upp en attraktiv hemsida med bra beskrivningar för att attrahera nya kunder. Ja, det är smart att synas i sociala medier och att ha en blogg där ni skriver om det senaste i verksamheten. Men det finns ännu ett marknadsföringsknep som det är många branscher som har helt missat och det är att publicera en egen e-bok. En e-bok kan användas som ett kraftfullt verktyg för att ge tips och sprida information om just ditt märke eller din verksamhet.

Bland infoprenörer har det fullkomligen exploderat med självproducerade e-böcker de senaste två-tre åren. Att sammanfatta information på ett visst tema i en nedladdningsbar PDF-fil är smart och praktiskt. Du har kundernas odelade uppmärksamhet när de koncentrerar sig på innehållet i en fil jämfört med om de tar in information i sin webbläsare, där de troligtvis har massor med flikar öppna, kan distraheras av innehållet i sidospalter, widgets osv som syns på din egen hemsida.

Var inte rädd för att dela med dig

Med en e-bok kan du övertyga med koncentrerat innehåll på ett tema som (den potentiella) kunden vill lära sig mer om. Och här kommer det viktigaste: du måste dela med dig av användbart innehåll för att det ska funka. Försök inte att använda din e-bok som en reklambroschyr rakt av utan tänk istället hur kunderna kan använda innehållet för att känna att de har lärt sig något som de kan göra på egen hand.

Var inte rädd för att dela med dig av det du kan bäst. Många oroar sig för att kunderna kommer att lära sig för mycket och inte längre behöva dina tjänster, men faktum är att det mesta kräver erfarenhet och mer djupgående kunskaper. Det har antagligen tagit tid för dig att bli riktigt bra på det du gör. Att berätta om hur du gör kommer inte att göra kunden till en skicklig elektriker eller världsbäst på att sälja fastigheter.

Däremot kommer du att kunna etablera dig som en expert på just ditt område och kanske hjälpa kunden att utföra enkla uppgifter på egen hand. Din fördel? Kunden kommer att välja dig när han eller hon behöver hjälp med något svårare.

Att byta en trasig sladd till en lampa kan kunden göra själv. Då du visat hur man gör i din e-bok kommer kunden troligtvis att välja dig när det är dags att dra nya kablar i villan.

Du tipsade om hur kunden kan förbereda sig inför visning av en fastighet så att de hittar sin drömbostad. Då finns det goda chanser att du blir vald som mäklare när det är väl är dags för kunden att sälja sin egen bostad.

by regina e-bok
By Regina använder gratis E-böcker som en del av sin marknadsföring

Lär av de bästa

En infoprenör som är mästarinna på att använda sig av e-böcker för att ge tips och samtidigt sprida information om sina egna tjänster och kurser är By Regina. Hon producerar enorma mängder gratismaterial (nästan för mycket för sitt eget bästa i vår mening). Det leder till att folk ser henne som en specialist på det hon gör och kunderna blir villiga att köpa andra e-böcker, kurser och konsulttjänster av henne. De har redan sett vad hon går för och vet att det material de får håller hög kvalitet.

snygg design tjej med blommor

Tänk på layouten

Det är lättare än någonsin att skapa en snygg layout. Med verktyg som Canva kan du skapa professionell grafik till dina informationsprodukter helt gratis (bilderna i den här artikeln tog 1 minut styck att göra med mallar från Canva). Det finns mängder med färdiga mallar för presentationer att ladda ner eller köpa. Se till att layouten till dina produkter blir bra. Det är viktigt för att kunderna ska ta materialet på allvar.

Var konsekvent och håll dig till en enhetlig stil i det material du skapar. Se till att det passar ihop med ditt företags grafiska profil. Har du väl valt en mall kan den användas genomgående till nya informationsprodukter. Dina kunder kommer direkt att känna igen ditt material och du kan på så sätt stärka medvetenheten om ditt märke ytterligare.