INTRO WEBBDESIGN
Thoughts on webdesign
Xxxx xxxxx
Xxxxx xxxx xxxx
SEO & MARKETING
Xxxxxx
Xxxxx xxxx xxxx
Designprinciper & Webbstandarder
xxxxxx xxxx
Prestanda & Säkerhet
En mobilvänlig, snabb och säker webbplats premieras i sökresultaten och bidrar till en bättre helhetsupplevelse för besökarna.
Snabba laddningstider är avgörande för både användarvänlighet och SEO, och uppnås genom optimering av innehåll såsom bildformat, bildstorlekar, videofiler samt lazy loading där det är relevant.
Säkra protokoll skyddar användardata – exempelvis HTTPS (Hypertext Transfer Protocol Secure), som används för kryptering och autentisering av kommunikationen mellan användare och webbplats.
Användarcentrerad design
För att skapa en positiv användarupplevelse krävs att webbplatsen anpassas efter användarens behov och beteenden – oavsett enhet. Den ska fungera sömlöst på mobil, surfplatta och dator, med rätt typsnittsstorlek, bildformat och layout beroende på skärmstorlek. Målet är att användaren snabbt och enkelt ska hitta information eller genomföra ett köp med så få klick som möjligt.
Det handlar också om att kommunicera ett tydligt budskap och erbjuda en logisk, intuitiv struktur. Navigering, innehållsfiltrering och tydlig indelning av sektioner gör sidan lätt att ta till sig. En god balans mellan innehåll och luft (whitespace), samt synliga knappar med generös tryckyta, bidrar till en mer tillgänglig och användarvänlig upplevelse.
Typografi & Färgval
Typografi och färgval spelar en avgörande roll för både användarupplevelse och det visuella intrycket. Väl valda färger skapar rätt känsla, stärker varumärket och förbättrar tillgängligheten – särskilt genom god kontrast mellan text och bakgrund. Färgpsykologi kan med fördel användas för att styra hur besökaren uppfattar innehållet.
Typsnitt bör vara läsbara och användas konsekvent, gärna med max tre harmoniserande alternativ. För bästa läsbarhet bör brödtext vara minst 16 px och kolumnbredden hållas mellan 50–75 tecken per rad. Om ett uttrycksfullt eller kursivt typsnitt används, passar det bäst i rubriker där det kan förstärka tonen utan att störa läsbarheten. För användare med svårigheter som dyslexi eller afasi bör information finnas i lättläst format, vilket gör webbplatsen mer tillgänglig för alla.
Sökmotoroptimering (SEO)
För att öka webbplatsens synlighet i sökmotorer är det viktigt att använda tydliga och relevanta rubriktaggar (H1–H6) i korrekt hierarki. Endast en H1 bör förekomma per sida, och den ska tydligt spegla sidans innehåll. Underrubriker (H2–H6) strukturerar innehållet logiskt, vilket förbättrar både användarupplevelsen och sidans indexering. Vidare bör metadata som sidtitlar, metabeskrivningar och bildbeskrivningar (alt-texter) optimeras med relevanta nyckelord. En semantisk HTML-struktur hjälper sökmotorer att förstå innehållet, medan interna länkar bidrar till bättre navigering och indexering.
Tillgänglighet
Design med hänsyn till olika användarbehov. Det inkluderar stöd för skärmläsare, färgval med tillräckliga kontraster, möjligheten att zooma in på sidan samt navigering via tangentbord (tab-navigering).
Xxxxxx
Webbplatsen ska fungera sömlöst på olika enheter – mobil, surfplatta och dator. Detta inkluderar anpassning av typsnittsstorlek, bildformat och layout beroende på skärmstorlek. Målet är att användaren ska nå önskad information eller genomföra ett köp med så få klick som möjligt.
The duke
Xxxxxx
The Duke - Fashion designer
Xxxxxxxxxx
xxxxxx
Xxxxxxx
Xxxxxxxxxx
xxxxxx
WEBSITE
The Duke - Fashion designer
Lorem ipsum dolor sit amet. Non doloribus accusantium sed expedita totam et minus libero ea tenetur nisi aut iste quaerat vel consequuntur Quis. Et culpa est rerum eligendi et temporibus rerum At nihil dolorem est aliquam atque eos dignissimos eius est consequuntur eius. Id blanditiis laboriosam sed rerum ratione et nostrum nam internos sit aperiam dignissimos ut dolorem ipsa. Vel vitae explicabo qui incidunt in expedita repellendus aut ipsum doloribus.
WEBSITE
Linda Tregaard - Book author
Lorem ipsum dolor sit amet. Non doloribus accusantium sed expedita totam et minus libero ea tenetur nisi aut iste quaerat vel consequuntur Quis. Et culpa est rerum eligendi et temporibus rerum At nihil dolorem est aliquam atque eos dignissimos eius est consequuntur eius. Id blanditiis laboriosam sed rerum ratione et nostrum nam internos sit aperiam dignissimos ut dolorem ipsa. Vel vitae explicabo qui incidunt in expedita repellendus aut ipsum doloribus.
WEBSITE
Karin Wiregård - Health therapist
Lorem ipsum dolor sit amet. Non doloribus accusantium sed expedita totam et minus libero ea tenetur nisi aut iste quaerat vel consequuntur Quis. Et culpa est rerum eligendi et temporibus rerum At nihil dolorem est aliquam atque eos dignissimos eius est consequuntur eius. Id blanditiis laboriosam sed rerum ratione et nostrum nam internos sit aperiam dignissimos ut dolorem ipsa. Vel vitae explicabo qui incidunt in expedita repellendus aut ipsum doloribus.
WEBSITE
Ruab AB - Escalator company
Lorem ipsum dolor sit amet. Non doloribus accusantium sed expedita totam et minus libero ea tenetur nisi aut iste quaerat vel consequuntur Quis. Et culpa est rerum eligendi et temporibus rerum At nihil dolorem est aliquam atque eos dignissimos eius est consequuntur eius. Id blanditiis laboriosam sed rerum ratione et nostrum nam internos sit aperiam dignissimos ut dolorem ipsa. Vel vitae explicabo qui incidunt in expedita repellendus aut ipsum doloribus.
WEBSITE
Ladies Team - Model Agency
Lorem ipsum dolor sit amet. Non doloribus accusantium sed expedita totam et minus libero ea tenetur nisi aut iste quaerat vel consequuntur Quis. Et culpa est rerum eligendi et temporibus rerum At nihil dolorem est aliquam atque eos dignissimos eius est consequuntur eius. Id blanditiis laboriosam sed rerum ratione et nostrum nam internos sit aperiam dignissimos ut dolorem ipsa. Vel vitae explicabo qui incidunt in expedita repellendus aut ipsum doloribus.
