The Client
Visjonel AS is an authorised electrician company based in Oslo, Norway. 7 employees. Founded November 2016, operating since January 2017. They cover the central eastern Norway region - from Lillestrom to Fredrikstad - and handle everything from EV charger installation and solar panels to full electrical inspections and emergency call-outs. DSB-approved and registered in Elvirksomhetsregisteret. All work is performed in accordance with NEK 400.
The Problem
Visjonel already had a website. The codebase was solid - Tailwind CSS, bilingual i18n, Docker deployment. But the content was letting it down. Team photos were missing. The employee section showed 4 incomplete cards with placeholder images and stopped there, leaving 3 employees unrepresented. The logo was a text string. The employee count in the copy said 8, not 7. The hero section had a generic cube icon that had nothing to do with the company.
The job was not to rebuild. The job was to fix the specific things that made the site feel unfinished.
What We Improved
Team section - expanded to all 7 employees
The original section had 4 cards. We expanded it to all 7 employees, added real portrait photography in modern AVIF format, wrote individual bios, and assigned correct job titles. Three new employees were added: Aleksander Kjaeras (Elektriker), Markus B. Funk (Elektriker), and Dennis Guttulsrod (Hjelpemontor).
With 7 employees, the old 4-column desktop grid would leave 3 cards awkwardly on a second row. We converted the layout to a full carousel on all screen sizes - swipeable on mobile with dot indicators, arrow-navigated on desktop. Photos use a grayscale-to-colour hover effect that keeps the section composed without making the photography feel flat.
Logo - from text to brand asset
The navbar and footer previously displayed a plain text logotype. We introduced the actual Visjonel logo mark across the navbar, footer, and browser favicon. The background was removed programmatically so the mark renders cleanly on both the white navbar and the dark blue footer. A dark variant is used in the navbar, a white-inverted variant in the footer, and the standalone symbol serves as the favicon.
Content accuracy
- Employee count corrected from 8 to 7 in all locations, including the Om oss stats bar and body copy
- All en-dashes and em-dashes replaced with standard hyphens throughout the entire site (68 instances)
- Address verified against Bronnoysundregistrene: Eikenga 33, 0579 Oslo
- Both Norwegian and English i18n translation objects updated with content for all 3 new employees
Visual polish
- Hero icon replaced: a generic cube swapped for a shield-check mark, matching the DSB certification messaging on that card
- A broken SVG path in the footer email icon was identified and fixed - it was rendering a checkmark shape instead of an envelope
- An atmospheric photo of an electrician at work was added to the Om oss section
- Footer logo alignment corrected so the logotype sits flush with the contact details below it
Decisions Worth Explaining
Team layout
Full carousel, not a grid
7 employees do not fit cleanly into a 4-column grid - you get an awkward row of 3. A carousel handles any number of employees without layout breakage, and works naturally on both mobile and desktop.
Photography
Grayscale-to-colour on hover
The portraits are desaturated by default and reveal full colour on hover. It gives the section a controlled, editorial feel without the photos competing with the rest of the page.
Logo
Asset over code approximation
We tried drawing the diamond symbol in SVG by hand. It was never quite right. Using the actual brand file and stripping the background programmatically took minutes and was pixel-perfect.
Favicon
Symbol only, not the full logotype
At 16-32px, the full logotype with text is unreadable. The standalone diamond mark is bold and simple enough to work at any favicon size.
Scope
No rebuild
The existing codebase was well-structured. A rebuild would have taken longer and delivered the same result. Targeted improvements - photos, logo, carousel, accuracy fixes - delivered more value faster.
Accuracy
Verified against public records
Employee count, address, and company details were cross-checked against Bronnoysundregistrene. A site that states incorrect facts about the company it represents is worse than no site.
The Result
Visjonel's website now represents all 7 employees with real photos and accurate bios. The brand identity is consistent from the browser tab to the footer. The carousel handles the full team cleanly at every breakpoint. The copy is factually correct. The logo is the actual logo.
The site existed. It just didn't represent the company.
Real photos. Real logo. Real employee count. The same codebase - now finished.