Terug naar overzicht

VSM Sloopwerken laat met de nieuwe website zien wat zij in huis hebben

VSM Sloopwerken is door deze nieuwe website in staat zichzelf te presenteren door uitstekende presentatie van projecten en uitgebreide informatie over (circulair) slopen. Daarnaast staan zij dicht bij hun klanten door een afgeschermde omgeving waarin projectinformatie te zien is.

Voor VSM Sloopwerken hebben wij een compleet nieuwe website ontwikkeld. VSM Sloopwerken is al vele jaren klant bij Interpulse en ook de vorige website hebben wij voor hen mogen ontwikkelen. De vorige website heeft vele jaren uitstekend zijn werk gedaan, maar de ontwikkelingen op de digitale snelweg gaan erg snel. Daarom heeft VSM ervoor gekozen om een volledig nieuwe website bij Interpulse te laten ontwikkelen.

Wij laten voor de verandering eens zien hoe wij tot het eindresultaat zijn gekomen, samen met VSM Sloopwerken. Een kijkje in de “keuken”.

Design & strategie

We zijn gestart met een creatieve sessie waarin we de uitgangspunten en doelstellingen voor de website hebben bepaald. Wat moet de website voor jou gaan opleveren? Wie is de doelgroep die jouw website gaat bezoeken? Welke uitstraling moet de website krijgen? Dit zijn zoal de vragen die we in deze sessie met elkaar beantwoorden.

Deze uitgangspunten zijn de basis geweest voor de opzet van het nieuwe design voor de website. Eerst bepalen we de kleuren, fonts en beeldmateriaal in dit geval gebaseerd op de huisstijl. We letten daarbij ook op digitale toegankelijkheidseisen zoals contrast tussen tekst en achtergrond, de grootte van de fonts etc.

Stijlgids Figma UX Design Webdesign Interpulse voor VSM Sloopwerken

Daarna zijn we verder gaan met designvoorstellen voor de homepagina. Deze ideeën hebben we vervolgens gepresenteerd. In het geval van VSM Sloopwerken hebben we uit elk voorstel wel iets gehaald. Bij het ene voorstel werden de verschillende kleuren per dienst erg gewaardeerd, bij de andere juist de afbeeldingen. Ook spelen we met elementen zoals het wel of niet laten terugkomen van elementen uit het logo binnen de componenten op de site.

Varianten design-voorstel voor onze klant VSM Sloopwerken

Deze feedback hebben wij vervolgens meegenomen en een uiteindelijk designvoorstel gemaakt. Deze was spot-on en vervolgens zijn we op basis van dat voorstel de andere pagina’s gaan uitwerken. Wij hebben het ontwerp ook tijdens deze fase al vertaald naar een mobiele weergave, dat doen wij altijd. Een mooie basis om te starten aan te technische ontwikkeling, een werkende WordPress website welke er uitziet zoals ontworpen en goed te beheren.

Technische ontwikkeling WordPress website

Binnen deze fase zijn we het ontwerp gaan implementeren in een op maat gemaakt thema binnen onze WordPress omgeving. In deze omgeving kan de website volledig zelf beheerd worden. Zo kan VSM Sloopwerken verschillende onderdelen van de website volledig zelf beheren:

  1. Teksten en afbeeldingen per pagina zelf beheren
  2. Eigen pagina’s indelen en voorzien van diverse componenten zoals een gallerij met projecten, vraag & antwoord en contactformulieren
  3. Projecten toevoegen en presenteren
  4. Projectinformatie pagina voor klanten met projectgegvens – afgeschermd via persoonlijke login
  5. Referentie logo’s toevoegen
  6. SEO instellingen
  7. Quotes invoegen en presenteren

Voordat we de website online gingen zetten hebben we nog een aantal optimalisaties uitgevoerd.

  1. Security optimalisatie: Zo zorgen we voor een SSL certificaat (HTTPS), stellen we een MFA in voor het inloggen en zorgen we dat de formulieren beschermd zijn tegen spam.
  2. Optimalisatie voor zoekmachines (SEO). Zorgen dat de links van de oude website binnen de zoekmachine uitkomen op de nieuwe website (301 re-directs). We zorgen dat de nieuwe website geïndexeerd wordt door de zoekmachines. We zorgen dat alle koppen en teksten netjes als zodanig in de tekst worden genoemd.
  3. Optimalisatie van de laadsnelheid van de website (performance). We zorgen dat de afbeeldingen op de website zijn geoptimaliseerd. We zorgen dat de website gebruik maak van caching, zodat deze snel laad en zorgen dat de code optimaal geprogrammeerd is.

Doordat wij voor deze website het hele traject van design tot realisatie hebben uitgevoerd, hebben wij voor VSM Sloopwerken een prachtige website kunnen opleveren die voldoet aan alle moderne eisen zoals security, SEO en performance. Wij zijn trots en VSM Sloopwerken erg blij!

Bekijk het resultaat: www.vsmsloopwerken.nl

Terug naar overzicht

Recente updates