Utveckling och design av ny hemsida

Behöver ditt företag hjälp med utveckling och design av en ny hemsida? Jag heter Johan Kraner Åsedahl och är en erfaren webbdesigner som får ditt företag att synas oavsett om det är ett tjänsteföretag, blogg eller e-handel.

Jag arbetar främst med WordPress som CMS (Content Management System), vilket innebär en rad fördelar såsom att du som kund kan redigera innehållet själv, men även att det finns mycket färdiga plugins från tredje part, som håller nere utvecklingskostnaden. Det kan vara plugins för e-handel, säkerhet, SEO, optimering m.m.

Jag har ofta långa kontakter med mina kunder som sträcker sig över många år. Genom en personlig kontakt med mina kunder, där jag personligen ser till att resultatet blir så bra som möjligt, får jag de nöjdaste kunderna.

Min portfolio

Du hittar min portfolio som webbdesigner på kraner.se. Nedan ser du ett axplock från den. Du är välkommen att kontakta mig om du vill prata om en ny eller befintlig hemsida eller om du har frågor.

Olika lösningar för olika behov och budgetar

Jag är säker på att vi kan hitta en bra lösning för just ert företag och er budget när det gäller design av ny hemsida. Ett egenutvecklat tema till WordPress kan anpassas helt efter era önskemål och är förstahandsvalet för mig när det gäller olika typer av tjänsteföretag. Färdiga inköpta teman är en prisvärd och snabb väg att nå ett bra resultat till en lägre kostnad och är även det givna valet vid e-handel.

Egenutvecklat tema för WordPress

Ett egenutvecklat tema anpassat efter ditt företags behov är en lösning som vanligen är bäst lämpat för olika typer av tjänsteföretag. Detta ger normalt mycket välbyggda, anpassade och väl optimerade hemsidor som laddar snabbt. Livslängden på denna typ av hemsidor för WordPress är normalt längre. Vid behov kan nya lösningar lätt implementeras. Om framtida versioner av wordpress, plugins eller t.ex. tillgänglighetsdirektiv kräver anpassningar, så finns full kontroll att implementera dessa.

Jag jobbar mest med färdiga fält för data och WordPress inbyggda texteditor. Fokus ligger då på att du som kund inte ska behöva jobba med design, utan endast matar in aktuell data, texter eller bilder. Sedan hamnar allt automatiskt på rätt plats via det egenutvecklade temat.

Man kan även kombinera med någon form av blockeditor för mer unik design av landningssidor eller startsidan.

Elementor Pro & ”Hello Elementor”

Som en mellanvariant kan hela webbplatsen byggas med Elementor Pro och grundtemat Hello Elementor. Detta är en lösning där både innehåll och design hanteras i en och samma blockeditor. Header, footer, navigation och grundmallar sätts upp helt i Elementor Pro.

Att mallar och upplägg finns i Elementor, gör att du som kund (på gott och ont) själv även kan ändra hemsidans design. Det går även snabbare att komplettera eller ändra i webbplatsens design eller bygga nya sidmallar.

Nackdelen är att funktionaliteten främst sker inom ramarna för hur Elementor eller plugins fungerar. Med Elementor har jag som utvecklare ej full kontroll på koden bakom vilket då kan innebära begränsningar. Det blir svårare att bygga en ny hemsida som går att optimera på bästa sätt eller att tillgänglighetsanpassa fullt ut.

Köpa ett färdigt tema:

Att köpa ett färdigt tema innebär att man betalar en licenskostnad för användning av ett färdigt tema, vanligen runt 60 – 80 USD per halvår.

Man kan som budgetlösning välja att betala licensavgiften en gång, avbryta prenumerationen och sedan endast förnya licensen när så krävs. Enligt min erfarenhet fungerar det ofta utmärkt att göra så, även om det finns en risk att man missar speciella uppdateringar för säkerhetsluckor i temat eller för WordPress funktionalitet.

Att man köper ett färdigt tema innebär inte att allt är klart, utan det kräver i sin tur arbete med konfigurering och anpassningar.

Temat kan normalt anpassas på väldigt många sätt, t.ex. vad gäller header, footer eller menyer. Det är vanligt att gratisversionen av Elementor används för design av innehållet, men även andra blockeditors såsom Oxygen, WP Bakery eller att temat har en egen blockeditor.

Att köpa ett färdigt tema är normalt mycket billigare än ett egenutvecklat tema, men man bör känna till framtida uppdateringar av temat ibland kan kräva viss begränsad tid för anpassningar. Det händer också att teman till slut överges av utgivaren, vilket kan förkorta den totala livslängden för webbplatsen jämfört med ett egenutvecklat tema. Stora kända teman tenderar dock att leva vidare år efter år.

1. E-handel med WooCommerce

Vid e-handelsprojekt med WooCommerce är faktiskt ett färdigt tema enligt min erfarenhet det allra bästa och en given lösning. Detta eftersom det kan vara komplext och tidskrävande att utveckla helt egen design och kod för e-handel, samt att WooCommerce hela tiden utvecklas.

Via det färdiga temat får du färdigdesignad snyggt upplägg för e-handel och via licensen får du de uppdateringar som behövs för att designen för WooCommerce ska fortsätta hänga med.

2. Projekt med låg budget

Ett färdigt tema är också lämpligt vid projekt med låg budget, där du som kund vill ha så mycket som möjligt för så lite pengar som möjligt. Då köper vi in ett färdigt tema, importerar en demo och byter ut innehållet. Upplägget kan sedan normalt anpassas i hög grad efter önskemål. Ett färdigutvecklat tema är dock mer begränsat än ett egenutvecklat tema.

Fördelen är låg utvecklingskostnad och ofta ett bra initialt resultat, medans nackdelen är att andra företag kan ha likadana eller liknande hemsidor baserade på samma tema och demo. Å andra sidan är det väl kanske dina texter och dina bilder som gör ditt företag unikt.

Så ska en bra hemsida vara enligt mig

Behöver ditt företag en ny hemsida? – Nedan följer några bitar jag tycker är viktiga. Produktionen av er nya webbplats har även andra kringliggande områden som inte får glömmas. Det kan vara lätt att stirra sig blind på vem som säger sig kunna göra jobbet till lägst pris när det gäller utveckling av ny hemsida med WordPress.

Det är också viktigt att hitta en leverantör som kan erbjuda ett långsiktigt samarbete med framtida support och uppdateringar. Dessutom bör det finnas någon form av serviceavtal eller plan för uppdateringar och arbete med säkerheten på webbplatsen.

Estetiskt tilltalande och användarvänlig

En bra hemsida ska vara estetiskt tilltalande och användarvänlig. Designen ska även automatiskt anpassas för alla skärmstorlekar från smartphones och upp till stora skärmar (dvs. så kallad responsiv webbdesign). Jag har lång erfarenhet av webbdesign för en stor variation av olika typer av företag. Se några av dem i min portfolio på kraner.se.

Enkelt att redigera innehåll & hantera funktionalitet

Det bör vara enkelt för dig som kund att redigera innehållet. Genom att använda WordPress som CMS (Content Management System), så får du som kund möjlighet att själv på ett smidigt sätt redigera webbplatsens innehåll. WordPress har en egen blockeditor som heter Gutenberg, men det finns även intressanta komplement såsom Elementor, WP Bakery, Oxygen osv.

WordPress ger även tillgång till tiotusentals plugins med all tänkbar funktionalitet. Många plugins är gratis, men ofta finns även en PRO-version med mer funktionalitet som kostar en slant. Vilka plugins man väljer bör dock utvärderas och testas. Plugins kan även kräva framtida felsökning och extra underhåll, även om de allra flesta fungerar smärtfritt.

Optimerad och ladda snabbt

Hemsidan bör vara optimerad och ladda snabbt, dels så att webbplatsen fungerar resurssnålt på mobila enheter, men även så att du inte p.g.a. lång laddningstid tappar besökare som ”studsar” innan de orkat vänta på att innehållet laddat klart. Att fler besökare stannar kvar på er hemsida och tar del av innehållet, leder till fler konverteringar och att ni kan tjäna mer pengar.

Teknik och tillgänglighet för sökmotorer och människor

Webbplatsen behöver rent tekniskt vara byggd på ett sådant sätt att den har förutsättningar att ranka bra i sökmotorer, då t.ex. genom ett lämpligt SEO-plugin, sitemap och konfiguration i Google Search Console.

Fokus måste dock alltid ligga på människor, inte på hur man tror att Google vill ha det. Google uppskattar i sin tur innehåll som har människan, dvs användaren, i fokus.

Innehållet bör vara så tillgängligt som möjligt, inte minst för människor med funktionsnedsättningar. Riktlinjer för tillgänglighet finns angivna i WCAG (Web Content Accessibility Guidlines).

Strukturerad data med logiska element och rätt uppmärkning för så kallat rich result, klargör bättre vad som är vad för maskininläsning från t.ex. sökmotorer, vilket sedan användare kan dra nytta av genom att ett så kallat rich result kan visas i Googles sökresultat. Då t.ex. vanliga frågor, användarbetyg, musik, video m.m.

Bra innehåll i form av text, bilder, video eller illustrationer

Slutligen är nyckeln till den allra bästa hemsidan, att man har bra och relevant innehåll i form av välskrivna texter och helst riktigt bra bilder, illustrationer eller video. Här kan man behöva komplettera med hjälp från fotograf, copywriter eller illustratör.

Bilder & illustrationer

Att anlita en fotograf eller en illustratör är något som kan tyckas låta dyrt, men är enligt min erfarenhet något som ger tillbaka så mycket mer än vad det kostar. Som alternativ kan du prova att använda egna bilder, eller att köpa in bilder eller illustrationer från bildbanker.

Texter

Texter skriver du antingen själv, eller att vi anlitar en copywriter. Jag kan även ge dig visst stöd i att förfina och omformulera texter där det behövs. Välskrivna relevanta texter inom ämnet, ger normalt mer organisk trafik från sökmotorer.

Innan texter skrivs kan det vara bra att göra en analys av vad användare faktiskt söker på och vilka sökord det finns större chans att konkurrera med. Men glöm inte att nyckeln är att webbsidan ska innehålla bra och relevant innehåll som användaren vill ha.

Man får heller inte glömma meta-taggen description och title, vilket är den titel och beskrivning som visas i Googles sök resultat. Genom välskrivna meta-taggar ökar chansen att en människa klickar på just er länk istället för konkurrentens.

AI-genererade bilder & illustrationer

Idag finns ju även alternativet att låta AI generera önskade foton eller illustrationer. Dock kan AI enligt mig inte ännu ta fram tillräckligt relevanta och unika bilder på din personal med dina maskiner eller utrustning.

Med det sagt kan jag berätta att flertalet bilder och illustrationer på denna webbplats är genererade med AI. Detta eftersom det i detta fall passar bra med illustrationer av mer allmän karaktär.

AI-genererade texter

AI kan, som du kanske är bekant med, även generera texter. Men att låta AI generera texter tillför vanligen inte tillräckligt hög kvalitet och relevans. Vi får inte heller glömma att AI fungerar så att rena felaktigheter och myter smyger sig in i texterna.

Texter med hög kvalitet och relevans är kanske den viktigaste byggstenen för bra ranking i sökmotorer och därför vill jag starkt avråda från att låta AI producera dina texter rakt av. Dessutom är det så att det finns verktyg för att identifiera AI-genererad text och att bli påkommen med det utan att det angivits, bör vara mycket negativt för trovärdigheten.

Dock vill jag slå ett slag för att använda AI som förslag på rättstavning, förslag på översättningar, som bollplank med idéer till nya infallsvinklar eller kanske i vissa fall att AI får komma med förslag på textens områden och rubriker. Dock behöver en person med kunskap inom aktuellt ämne vara den som slutgiltigt skriver texterna och beslutar om ett relevant upplägg.

Säkerhet

WordPress säkerhet

En viktig aspekt när en ny hemsida med WordPress utvecklas är säkerheten. Det är lätt att bygga en hemsida med WordPress på ett billigt webbhotell, samtidigt som ordentliga åtgärder och en plan för säkerhet och uppdateringar, kommer i skymundan.

Hackerattacker utförs i de flesta fall av automatiserade botar (även om det även finns människor som utför riktade attacker mot specifika webbplatser). Botarna testar lösenord och utnyttjar ständigt svagheter i vanligen äldre versioner av WordPress eller plugins. Syftet är ofta att ta kontroll över din hemsida och utnyttja den för olagliga syften eller att utpressa ditt företag.

När jag bygger en ny hemsida med WordPress ingår grundläggande konfiguration för högre säkerhet med mjukvarubrandvägg, antimalware och råd om rutiner för hög säkerhet.

Dessutom rekommenderar jag alla mina kunder att teckna ett WordPress serviceavtal. Syftet är då en plan för att återkommande uppdatera WordPress och plugins under kontrollerade former. Dessutom ser jag då över säkerheten och testar webbplatsen efter uppdateringen.

Val av webbhotell spelar en stor roll

Olika webbhotell har även olika nivå av säkerhet och jag som arbetar med de flesta vanliga webbhotell i Sverige vet att en del webbhotell är mer drabbade än andra av intrång.

Vissa webbhotell har som standard en ständig övervakning av misstänkt aktivitet, samt påminnelser om något plugin man använder har säkerhetsbrister. Dessutom behöver webbhotellet ha väl konfigurerade webbservrar med brandväggar som stoppar vanligt förekommande attacker.

Valet av webbhotell är därför också en viktig aspekt när du vill komma igång med en ny hemsida med WordPress. Kanske har ditt företag ett befintligt konto och behöver hjälp att byta webbhotell. Jag kan hjälpa er att välja ett lämpligt webbhotell om så önskas.

Utbildning, support och framtida kundkontakt

Långsiktig support, utbildning och underhåll är kritiskt för att webbplatsen ska fortsätta fungera smidigt och säkert. Jag har normalt kontakt med mina kunder under flera år efter det att en ny hemsida med WordPress byggts. Detta gör ni alltid får prata med mig som är insatt i hur er hemsida är byggd om ni vill ha support eller önskar ny funktionalitet. Att det är just jag som byggt hemsidan som ger supporten är ofta uppskattat och mer tidseffektivt.

Om ni istället anlitar en webbyrå, är ofta flera personer inblandade, såsom projektledare, utvecklare, designers osv. Webbyråer tenderar ju även att ta in underkonsulter eller att man har viss personalomsättning. Detta kan innebära att när ni vill ha hjälp ett år senare, så sitter det en annan person som måste sätta sig in i ert ärende. Lägg där till att tidsåtgången tenderar att avrundas till hela timmar eller kanske halvtimmar och timpriset kan vara saftigt.

Min erfarenhet är att support och utbildning ofta handlar om kortare punktinsatser. Jag avrundar tidsåtgången ner till närmaste 5 min, vilket gör att du endast betalar för den tiden det tar. Så tar något 5min får ni en faktura på det och inget mer. Mitt timpris är även normalt lägre än en webbyrå som behöver betala för lokaler, projektledare, säljare m.m.

Det ska dock nämnas att jag är en person och det kan ibland vara viss väntetid på min arbetstid. Jag jobbar exempelvis inte kvällar, helger eller under semestertider. Dock har jag som vana att alltid åta mig akuta ärenden, såsom allvarliga tekniska problem eller hackad WordPress webbsida. En webbyrå har ofta flera personer som kan hjälpa samma kund och därav större tillgänglighet, men då ofta till kostnaden av högre timpris och mer opersonlighet.

Vanliga frågor