OK GAS

Energie • Website redesign

In 5 weken van verouderd WordPress naar een technisch perfecte website

Technische staat
100 uit 100
Doorlooptijd
5 weken

Diensten

Webdesign & developmentMigratie naar een headless architectuurVindbaarheid in Google en ChatGPT
OK GAS case study

De uitdaging

OK GAS levert sinds 1962 propaangas in tanks en doet al jaren aan marketing. De website die dat moest dragen was inmiddels vijf jaar oud, en in die vijf jaar stapelden de plugins van de WordPress-installatie zich op, met steeds meer fouten tot gevolg. Pagina's werden trager, campagnes gingen minder goed presteren en er ontstond frictie op de website zelf. schurq. bouwde een nieuwe website die de bestaande merkkleuren behoudt, zich scherper op de zakelijke markt richt en aan de achterkant volledig is geoptimaliseerd voor vindbaarheid.

Scope: webdesign & development, migratie naar een headless architectuur, SEO/GEO, meertalige opzet in Nederlands en Engels.

Belangrijkste uitdagingen:

  • Oplopende technische schuld: vijf jaar aan plugins die steeds meer fouten veroorzaakten.
  • Dalende prestaties: tragere pagina's, campagnes die minder goed presteerden en frictie op de site.
  • Snelheid: de doelstelling was om zo snel mogelijk tot een technisch perfecte website te komen.
  • Een scherpere doelgroep: dezelfde kleurstelling, maar strakker en meer gericht op de zakelijke markt.

Het proces

De vraag van OK GAS was niet om de bestaande website op te lappen, maar om zo snel mogelijk tot een technisch perfecte website te komen. Op het oude platform was dat niet meer te realiseren.

Repareren was duurder en minder effectief

De technische fouten op de bestaande website oplossen zou zowel duurder uitvallen als veel minder opleveren dan opnieuw beginnen. Die afweging bepaalde de rest van het traject: geen reparatie, maar een herbouw op een nieuw platform.

Herbouw op een headless architectuur

2 weken

De nieuwe website draait op een headless opzet met maatwerk code. Geen pluginlaag meer die na elke update opnieuw kan breken, en een redactieomgeving in Sanity voor het beheer van de content.

Dezelfde kleurstelling, strakker ingestoken

De kleurstelling van de oorspronkelijke website is behouden, zodat het merk herkenbaar bleef. Het ontwerp eromheen is strakker gemaakt en gericht op de zakelijke markt: de vier segmenten agrarische sector, recreatie, industrie & bouw en horeca kregen ieder een eigen ingang.

SEO en GEO in het fundament

Aan de achterkant is alles rond SEO en GEO meegenomen tijdens de bouw in plaats van erna. De website is volledig tweetalig opgezet in het Nederlands en het Engels, met vertaalde URL's en correcte taalverwijzingen, zodat beide versies apart vindbaar zijn.

Typografie & kleur

De kleuren komen uit de bestaande huisstijl van OK GAS en zijn ongewijzigd overgenomen uit de oorspronkelijke website. Het rood draagt de merkherkenning, het blauw markeert de informatieve onderdelen. Voor de typografie is gekozen voor Roboto, in één familie voor zowel koppen als bodytekst, wat de pagina licht houdt en snel laadt.

Primair

Rood

#B30037

Donkerrood

#8A002A

Secundair

Blauw

#3B88AB

Inkt

#1A1A1A

Zacht wit

#FAFAF9

Lijn

#E8E6E3

Aa

Roboto

Gebruikt voor koppen, in Bold.

Aa

Roboto

Gebruikt voor bodytekst, in Light.

Resultaat

Het eindresultaat: een snelle, zakelijke website die klaar is voor vindbaarheid

Onder de kap

Snelheid is key

Voor maximale prestaties en vindbaarheid bouwden we een razendsnelle headless website.

Mobile 1st

Headless Architecture

Speed Insights

Real Experience Score

0POINTS

● Live Data based on real user interactions.

Over OK GAS

OK GAS levert propaangas in tanks en is sinds 1962 actief op de Nederlandse markt. Met een eigen gas-terminal in Tiel, een eigen vloot tankwagens en gecertificeerde specialisten verzorgt het bedrijf zowel de installatie en het onderhoud van propaangastanks als de bevoorrading. Ruim 4.000 bedrijven en huishoudens kiezen voor OK GAS, van de agrarische sector en recreatie tot industrie, bouw en horeca.

Bezoek live website

Opgericht
1962
Medewerkers
11+
Locatie
Waardenburg

Liever eerst even checken waar je website achterloopt?

Klaar om meteen een traject te starten? Vraag dan vrijblijvend onze website-scan aan. We kijken waar je website nu nog achterloopt in structuur, snelheid, vindbaarheid (SEO/GEO) en conversie. Je krijgt een korte samenvatting met de belangrijkste aandachtspunten, zodat je weet waar jouw website op kan verbeteren.

Vrijblijvend informatie aanvragen