Alle kundecaser
Referansecase · Egen nettside
Fra enkel nettside til et komplett digitalt fundament.
SF Digitalbyrå hadde vokst videre fra nettsiden som skulle presentere oss. Oppgaven ble derfor å bygge en ny digital plattform som viser hele tjenestetilbudet, gjør kompetansen enklere å forstå og gir både mennesker og søkemotorer tydelige veier inn.
KundeSF Digitalbyrå
OppdragNy nettside og digital plattform
PlattformSkreddersydd WordPress
LeveranseStrategi, innhold, design, utvikling og SEO
Se hele forskjellen.
Velg før, delt eller etter for en rask oversikt. Dra deretter håndtaket sideveis, og rull inne i skjermen for å utforske hele sidene. Den nye nettsiden kan vises i både lys og mørk modus.
Sammenligningsvisning
Dra sideveis for å sammenligne. Rull eller sveip inne i skjermen for å se hele sidene.
Utgangspunktet
Nettsiden fortalte bare deler av historien.
Den tidligere nettsiden hadde et tydelig hovedbudskap, synlige kontaktpunkter, kundeuttalelser og en oversikt over tjenester og referanser. Den fungerte som en enkel digital presentasjon av byrået.
Etter hvert som tjenestetilbudet og erfaringen vokste, ble avstanden større mellom nettsiden og det SF Digitalbyrå faktisk leverer. Viktige fagområder ble samlet for bredt, innholdet ga få innganger fra søk, og designet viste ikke godt nok kombinasjonen av nettsider, markedsføring, innhold, systemer og IT.
Det vi tok med videre
- Resultater og kundeverdi som hovedretning
- Direkte og uforpliktende vei til kontakt
- Kundereferanser som bygger tillit
- Bred kompetanse samlet hos én aktør
Det som måtte løses
- Tydeligere struktur for hele tjenestetilbudet
- Egne sider for sentrale tjenester og søkebehov
- Et mer særpreget og sammenhengende designsystem
- Bedre mobilopplevelse, navigasjon og tilgjengelighet
- Et fundament for caser, artikler og videre SEO-arbeid
Mer enn et nytt uttrykk.
Oppgaven var å forbedre hele den digitale grunnmuren – fra hvordan tjenestene organiseres, til hvordan nettsiden oppleves, finnes og videreutvikles.
Tydeligere posisjon
Besøkende skal raskt forstå hva byrået leverer, hvem det passer for og hvorfor tjenestene bør ses i sammenheng.
Kortere vei til riktig innhold
Tjenester, kundecaser, faguttrykk og artikler skal være lette å finne fra både meny, søk og interne lenker.
En sterkere digital identitet
Uttrykket skal være gjenkjennelig, faglig og moderne uten å gjøre nettsiden unødvendig komplisert å bruke.
Klar for videre vekst
Struktur og kode skal gjøre det enkelt å legge til nye tjenester, caser og innhold uten å bygge nettsiden på nytt.
Arbeidet ble utviklet som én sammenhengende prosess.
Innhold, design og utvikling ble vurdert samtidig. Det gjorde det mulig å teste helheten tidlig og finjustere sidene fortløpende.
Kartlegging og retning
Vi tok utgangspunkt i tjenestene, kundegruppene, eksisterende innhold og hva nettsiden skal bidra til for bedriften.
Innholdsstruktur og SEO
Tjenesteområder, undersider, kundecaser, faguttrykk og aktuelt ble organisert rundt tydelige brukerbehov og søkeintensjoner.
Designsystem og illustrasjoner
Farger, typografi, komponenter og tekniske illustrasjoner ble utviklet som ett fleksibelt visuelt system.
Skreddersydd WordPress-tema
Løsningen ble kodet uten sidebygger, med fokus på hastighet, responsivitet, tilgjengelighet og enkel videreutvikling.
Testing og finpuss
Sidene ble vurdert og justert gjentatte ganger på desktop og mobil, i både lys og mørk modus.
Alt som må henge sammen.
Den ferdige nettsiden er resultatet av flere fagområder som er utviklet i samme retning – ikke separate tiltak som er satt sammen til slutt.
Strategi og innhold
- Posisjonering og hovedbudskap
- Informasjonsarkitektur
- Tekster til hoved- og tjenestesider
- Kundecaser, artikler og faguttrykk
Design og brukeropplevelse
- Eget designsystem
- Tekniske illustrasjoner
- Responsivt design
- Lys og mørk modus
- Megameny og tydelige kontaktpunkter
Utvikling og teknikk
- Skreddersydd WordPress-tema
- Ytelse og ryddig kode
- Tilgjengelighet og tastaturnavigasjon
- Skalerbar komponentstruktur
SEO og måling
- Dedikerte landingssider
- Intern lenkestruktur
- Metadata og strukturert data
- Grunnlag for analyse og videre optimalisering
Fra presentasjon til plattform.
Den største endringen er ikke én farge eller én seksjon. Det er at nettsiden nå har en struktur og et system som kan arbeide videre for byrået.
Tjenestestruktur
Bred presentasjon samlet på få sider
Tydelige hovedområder og dedikerte tjenestesider
Kundereferanser
Enkel oversikt over prosjekter og tjenester
Utvalgte dybdecaser kombinert med en komplett referanseoversikt
Faglig innhold
Begrenset innholdsflate
Aktuelt, grundige artikler og en omfattende ordliste
Design
Generelt byråuttrykk med standardkomponenter
Eget designsystem med særpregede illustrasjoner og fargeflater
Mobil og navigasjon
Enklere meny og standard mobiltilpasning
Mobiltilpassede komposisjoner, megameny og vedvarende temavalg
Teknisk fundament
Eksisterende WordPress-oppsett
Lett, skreddersydd tema uten sidebygger og klart for videre utvikling
Resultatet
En nettside som samsvarer bedre med byrået bak.
Den nye løsningen samler tjenestene i én tydelig retning og gir hvert viktig fagområde nok plass til å bli forstått. Samtidig er kontaktveien kort, og innholdet kan utvides uten at strukturen mister oversikten.
Prosjektet har gitt SF Digitalbyrå et mer særpreget visuelt uttrykk, et ryddigere teknisk fundament og en langt bedre plattform for videre innholdsarbeid, søkesynlighet og dokumentasjon av kundearbeid.
Dokumenterte tall kommer etter lansering.
Dette er vårt eget prosjekt, og derfor skal casen også være ærlig om hva vi foreløpig ikke kan konkludere med. Vi legger ikke inn oppdiktede prosenttall. Casen oppdateres når den nye nettsiden har vært live lenge nok til å gi et reelt sammenligningsgrunnlag.
Organisk synlighet
Utvikling i relevante søkeord, visninger og klikk fra Google.
Bruk av tjenestesidene
Hvilke tjenester, artikler og caser som trekker relevante besøk og videre navigasjon.
Henvendelser
Klikk på telefon og e-post, skjemainnsendinger og hvilke sider som bidrar til kontakt.
Ytelse og mobilopplevelse
Core Web Vitals, lastetid og eventuelle friksjonspunkter på mobil og desktop.
