Cirruscom.se
Modern, hållbar webbdesign för Cirrus Com
Introduktion
När vi kontaktade Cirrus Com var det tydligt att deras hemsida inte gjorde företaget rättvisa. Sidan saknade en modern design och visade inte tydligt upp de tjänster de erbjuder. Faktum är att Cirrus Com hade upplevt att de förlorat potentiella kunder och affärer eftersom besökare inte snabbt kunde förstå vad företaget sålde eller vad de stod för.
Det huvudsakliga målet med projektet var enkelt: skapa en uppfräschad, modern hemsida som tydligt presenterar företaget och dess erbjudanden, vilket gör det enkelt för kunder att lära sig om Cirrus Com och vad de kan köpa. Som en del av detta föreslog vi även uppdateringar för att förbättra prestanda, tillgänglighet och hållbarhet, men huvudfokus låg på att göra hemsidan till ett sant skyltfönster för verksamheten.
För att uppnå detta föreslog vi en fullständig omdesign med vår Static-First-metod. Denna metod levererar förbyggda statiska sidor där det är möjligt, vilket minskar onödig processorkraft, snabbar upp laddningstider och säkerställer en mer stabil och motståndskraftig hemsida.
Funktioner
-
Skräddarsydd, helt statisk hemsida med fokus på hastighet, effektivitet och WCAG.
-
Hostad i ett svenskt datacenter med 100 % förnybar energi och återvinning av överskottsvärme till fjärrvärme.
-
Rust-baserad HTTP-server som endast använder 6–15 MB RAM.
-
Komplett Cloudflare-caching för maximal upptid och motståndskraft.
-
Tillgänglig, SEO-vänlig design fokuserad enbart på väsentligt innehåll.
0.2s
Tid till first paint
100%
PageSpeed tillgänglighetspoäng
0.03g
Utsläppt CO2 per sidvisning
Projektresultat
Cirrus Coms hemsida uppdaterades med en ren, modern design som speglade deras varumärke samtidigt som användarvänligheten förbättrades. Varje element optimerades för tydlighet och tillgänglighet, vilket säkerställer efterlevnad av WCAG, meningsfulla alt-texter för bilder och beskrivande länkar.
Prestandaoptimering
Den gamla hemsidan var tung: stora bilder, ej minifierad CSS och JavaScript, samt ett beroende av tredjepartscookies som saktade ner laddningstiderna. Med den nya sidan gjorde vi följande:
-
Minifierade all CSS och JavaScript.
-
Optimerade bilder för webben utan att offra kvalitet.
-
Minskade sidvikten från 3,32 MB till ~300 KB.
-
Implementerade "best practices" för hastighet, layoutstabilitet och interaktivitet.
Resultaten var slående:
-
First Contentful Paint: minskad till nästan omedelbar.
-
Largest Contentful Paint: extremt snabb.
-
CLS: nära noll.
-
Tillgänglighet: 100/100.
Uppgraderingar för hållbarhet
Vi flyttade hemsidan till verkligt grön hosting i Sverige, driven av 100 % förnybar energi, och fokuserade på att bygga en sida som förbrukar mindre energi per besök. Effekten var dramatisk:
-
Koldioxidutsläppen sjönk från 1,26 g CO2 per sidladdning till bara 0,10 g.
-
Betyget på WebsiteCarbon.com förbättrades från E till A+ (95 % renare än det globala genomsnittet).
-
EcoGrader-poängen hoppade från 41 till 97 av 100.
För att sätta det i perspektiv: 120 000 årliga besök släpper nu bara ut 3,35 kg CO2, vilket ungefär motsvarar energin som krävs för att fulladda en smartphone 691 gånger.
Tillgänglighet och inkludering
Förbättringar av tillgängligheten var ett viktigt fokus. Varje bild innehåller nu alt-text, länkar är beskrivande och sidstrukturen säkerställer enkel navigering för alla användare. Sidan får nu 100/100 i Lighthouse Accessibility, vilket gör den helt inkluderande.
En stabil och motståndskraftig hemsida
Med en static-first-arkitektur är Cirrus Coms hemsida mer motståndskraftig mot trafiktoppar, mer stabil och enklare att underhålla. Besökare upplever blixtsnabba laddningstider och sidan är robust nog att hantera tusentals besök utan fördröjningar.
Resultat i korthet
| Mätvärden | Gammal hemsida | Ny hemsida |
|---|---|---|
| Lighthouse Tillgänglighet | 83 | 100 |
| WebsiteCarbon CO2 per besök | 0.34g | 0.03g |
| EcoGrader Poäng | 41 | 97 |
| Sidvikt | 2MB-3.32MB | 250–301 KB |
| Digitalt Koldioxidbetyg | E | A+ |
| UX-poäng | 62 | 98 |
| Hosting | Konventionell | Grön, 100 % förnybar |
Förvandlingen var inte bara kosmetisk. Cirrus Com har nu en snabb, hållbar, tillgänglig och motståndskraftig hemsida som speglar deras värderingar och ger en bättre upplevelse för varje besökare.
Galleri
Max Wallberg
Medgrundare, Sälj
Vi ringer upp dig (30-60 min)
Redo att förverkliga din nästa stora idé? Vi ser fram emot att höra om ditt projekt! Fyll i vårt korta formulär, så ringer Max upp dig och pratar om hur vi kan göra din vision till verklighet.