Snyggt är tydligt
När folk säger att en hemsida är snygg menar de sällan att den är full av effekter. De menar att den känns lugn, att det är lätt att förstå vad företaget gör och att allt ser genomtänkt ut. Bra design märks knappt. Dålig design märks direkt: plottrigt, svårläst, för många färger och knappar som tävlar om uppmärksamheten.
Sex designprinciper vi följer
- Luft. Generösa marginaler och avstånd mellan avsnitt gör att ögat hinner vila och innehållet känns viktigare.
- Få färger. En huvudfärg från logotypen, en accentfärg för knappar och neutrala toner för resten.
- Ett eller två typsnitt. Ett för rubriker och ett för brödtext räcker, ofta räcker ett.
- Tydlig hierarki. Stor rubrik, kortare ingress, sedan detaljer. Läsaren ska förstå sidan på fem sekunder.
- Ett huvudsakligt nästa steg. Varje sida har en knapp som sticker ut, till exempel «Begär offert».
- Samma mönster överallt. Knappar, rubriker och avstånd ser likadana ut på alla sidor.
Bilder avgör mer än du tror
Egna bilder på dig, dina medarbetare, din lokal eller dina jobb slår nästan alltid bildbankens leende modeller. De behöver inte vara tagna av en fotograf, men de ska vara skarpa, ljusa och tagna i liggande format. Saknar du bilder ingår licensfria bilder från bildbank i Företag-paketet, och vi väljer dem så att de liknar din verksamhet så mycket som möjligt.
- Ta bilder i dagsljus och undvik blixt.
- Fotografera samma sorts motiv i samma stil så att sidan känns enhetlig.
- Visa ansikten, det bygger förtroende.
- Välj hellre färre bra bilder än många mediokra.
Exempelstrukturer för en snygg startsida
En snygg startsida följer oftast ett av några få beprövade upplägg. Här är tre som fungerar för småföretag. De är exempel på struktur, inte på verkliga kunder.
| Upplägg | Ordning på startsidan | Passar för |
|---|---|---|
| Tjänsteföretag | Rubrik med vad och var, knapp till offert, tre tjänstekort, bilder från jobb, kort om oss, kontakt | Hantverkare, konsulter, städfirmor |
| Bokningsföretag | Stor bild, knapp till bokning, prislista, öppettider, karta | Frisörer, kliniker, caféer |
| Förening eller BRF | Kort välkomsttext, aktuellt, dokument, styrelse, kontakt | Föreningar, samfälligheter, BRF:er |
Branschsidorna, till exempel för hantverkare och frisör, visar mer detaljerade strukturer för respektive bransch.
Gemensamt för alla tre är att det viktigaste kommer först och att kontaktvägen syns redan på första skärmen. Undersidorna följer samma logik: en rubrik som säger vad sidan handlar om, ett kort stycke, detaljer i listor eller kort och till sist samma knapp som på startsidan. Det gör att hela sajten känns som en helhet, oavsett var besökaren landar.
Snygg i mobilen först
Det mesta av designarbetet sker på den smala skärmen. En startsida som ser luftig ut på en stor skärm kan bli en lång rad bilder på en telefon. Därför formger vi mobilversionen först och testar varje sida på telefon innan lansering.
Typsnitt, färger och läsbarhet
Läsbarhet är en del av det som gör en sida snygg. Ljusgrå text på vit bakgrund kan se elegant ut i en skiss men blir svår att läsa i solljus på en telefon. Samma sak gäller tunna typsnitt i liten storlek. Vi håller oss därför till några enkla tumregler:
| Del | Tumregel |
|---|---|
| Brödtext | Minst 16 px, mörk text på ljus bakgrund |
| Radlängd | Ungefär 60–80 tecken per rad på dator |
| Rubriker | Tydligt större än brödtexten, kort och konkret |
| Knappar | En accentfärg som bara används för knappar |
| Kontrast | Tillräcklig skillnad mellan text och bakgrund för att läsas i solljus |
När knappfärgen bara används till knappar lär sig besökaren snabbt vad som går att klicka på. Det är en liten detalj som gör sidan både lugnare och lättare att använda.
Så går det till
1Du skickar logotyp, gärna färgkoder, och exempel på sidor du tycker om.- 2Vi föreslår färger, typsnitt och upplägg för startsidan.
- 3Vi bygger startsidan först så att du kan tycka till om stilen tidigt.
4Resten av sidorna byggs i samma mönster.
5Du granskar, vi justerar enligt ändringsrundorna i paketet och lanserar.
Vad ingår – och inte
Design i dina färger och med din logotyp ingår i alla paket: Start 9 900 kr, Företag 14 900 kr och Plus 24 900 kr exkl. moms. Har du ingen logotyp kan vi ta fram en enkel logotyp för 2 900 kr. Det som inte ingår är fotografering, animerade filmer och en komplett grafisk profil med trycksaker. Vill du se hela prisbilden kan du använda priskalkylatorn.
