Kunden
Visjonel AS er en autorisert elektrikerbedrift i Oslo med 7 ansatte. Selskapet ble grunnlagt i november 2016 og har vært i drift siden januar 2017. De dekker det sentrale Østlandet, fra Lillestrøm til Fredrikstad, og håndterer alt fra elbilladere og solceller til el-sjekk og elektrikervakt. Visjonel er DSB-godkjent og registrert i Elvirksomhetsregisteret. Alt arbeid utføres i henhold til NEK 400.
Utfordringen
Visjonel hadde allerede en nettside med en solid kodebase: Tailwind CSS, tospråklig innhold og Docker-publisering. Utfordringen lå i innholdet. Teambilder manglet, ansattseksjonen viste bare 4 ufullstendige kort med plassholderbilder, logoen var skrevet som ren tekst, og teksten oppga 8 ansatte i stedet for 7. Toppseksjonen hadde også et generisk kubeikon som ikke sa noe om selskapet.
Jobben var ikke å bygge om. Jobben var å fikse de spesifikke tingene som fikk siden til å føles uferdig.
Hva vi bygget
Ansattseksjon - utvidet til alle 7 ansatte
Den opprinnelige seksjonen hadde 4 kort. Vi utvidet den til alle 7 ansatte, la inn ekte portrettbilder i moderne AVIF-format, skrev korte bioer og satte riktige stillingstitler. Tre nye ansatte ble lagt til: Aleksander Kjærås (Elektriker), Markus B. Funk (Elektriker) og Dennis Guttulsrod (Hjelpemontør).
Med 7 ansatte ville det gamle 4-kolonne desktop-gridet etterlate 3 kort på en andre rad. Vi konverterte layouten til en fullstendig karusell på alle skjermstørrelser - sveipbar på mobil med prikkindikatorer, pil-navigert på desktop. Bilder bruker en gråtone-til-farge hover-effekt som holder seksjonen ryddig.
Logo - fra tekst til ekte merkevarefil
Navigasjonsmenyen og bunnteksten viste tidligere en vanlig tekstlogo. Vi introduserte det faktiske Visjonel-logomerket i navigasjonsmenyen, bunnteksten og nettleserfavoritten. Bakgrunnen ble fjernet programmatisk slik at merket gjengis rent på både den hvite navigasjonsmenyen og den mørkeblå bunnteksten.
Innholdsnøyaktighet
- Antall ansatte korrigert fra 8 til 7 på alle steder, inkludert Om oss-statistikkbaren og brødteksten
- Alle tankestrek erstattet med vanlige bindestreker i hele nettstedet (68 forekomster)
- Adresse verifisert mot Brønnøysundregistrene: Eikenga 33, 0579 Oslo
- Både norske og engelske i18n-oversettingsobjekter oppdatert med innhold for alle 3 nye ansatte
Visuell finpuss
- Ikonet i toppseksjonen ble byttet fra en generisk kube til et skjold med hake, i tråd med DSB-sertifiseringen på kortet
- En ødelagt SVG-bane i bunntekstens e-postikon ble identifisert og fikset - den gjengav en hakemerkefasong i stedet for en konvolutt
- Et atmosfærisk bilde av en elektriker i arbeid ble lagt til i Om oss-seksjonen
- Bunntekstlogo-justering korrigert slik at logotypen sitter fluktende med kontaktdetaljene under
Beslutninger som er verdt å forklare
Team-layout
Full karusell, ikke et grid
7 ansatte passer ikke pent i et grid med fire kolonner, fordi andre rad bare får tre kort. En karusell håndterer hele teamet uten rare brudd i layouten, både på mobil og desktop.
Fotografering
Gråtone-til-farge ved hover
Portrettene er avmettet som standard og avslører full farge ved hover. Det gir seksjonen en kontrollert, redaksjonell følelse uten at bildene konkurrerer med resten av siden.
Logo
Asset fremfor kode-tilnærming
Vi prøvde å tegne diamantsymbolet i SVG for hånd. Det var aldri helt riktig. Å bruke den faktiske brandfilen og fjerne bakgrunnen programmatisk tok minutter og var piksel-perfekt.
Favicon
Kun symbol, ikke hele logotypen
Ved 16-32px er hele logotypen med tekst uleselig. Det frittstående diamantmerket er dristig og enkelt nok til å fungere ved hvilken som helst favicon-størrelse.
Omfang
Ingen gjenoppbygging
Den eksisterende kodebasen var godt strukturert. En gjenoppbygging ville tatt lengre tid og levert samme resultat. Målrettede forbedringer leverte mer verdi raskere.
Nøyaktighet
Verifisert mot offentlige registre
Antall ansatte, adresse og selskapsinformasjon ble kryssjekket mot Brønnøysundregistrene. En nettside som oppgir feil fakta om bedriften den representerer er verre enn ingen nettside.
Resultatet
Visjonels nettside viser nå alle 7 ansatte med ekte bilder og presise bioer. Merkevaren er konsekvent fra nettleserfanen til footeren, karusellen fungerer ryddig på alle skjermstørrelser, teksten stemmer med fakta og logoen er den faktiske logoen.
Nettsiden eksisterte. Den representerte bare ikke bedriften.
Ekte bilder. Ekte logo. Riktig antall ansatte. Samme kodebase - nå ferdig.