Oplossing: Webflow-Website met No-Code, - én technische integraties!

Merkopfrissing en Paraplumerk

We begonnen met een volledige merkopfrissing, waarbij de naam werd aangepast naar "De Haar Automotive" om de kernactiviteiten te benadrukken. Er werden submerken gecreëerd voor de drie diensten: De Haar Lease, De Haar Autobedrijf en De Haar Verhuur. Elk submerk kreeg een eigen kleurstelling binnen een overkoepelende huisstijl, inclusief nieuwe signing, fotografie en klantcommunicatie.
‍

Webflow-Website met No-Code Integraties

De nieuwe website is gebouwd in Webflow, een krachtig no-code platform dat de flexibiliteit van maatwerk combineert met de efficiëntie van visueel ontwikkelen. We kozen bewust voor Webflow omdat het niet alleen razendsnel en visueel indrukwekkend is, maar ook omdat het geen concessies doet aan kwaliteit of schaalbaarheid in vergelijking met traditioneel gecodeerde websites.

Voor geavanceerde filtering en dynamisch contentbeheer gebruikten we tools van Finsweet, waarmee we complexe logica en gebruiksvriendelijke filters hebben toegevoegd — ideaal voor een auto-inventaris zoals bij De Haar Automotive.
‍

Waarom Webflow?

✅ Volledige designvrijheid: Webflow biedt pixel-perfecte controle over het ontwerp, zonder vast te zitten aan standaard templates.

✅ Snel en schaalbaar: Hosting via Webflow is extreem snel en stabiel, inclusief automatische back-ups en security.

✅ SEO-vriendelijk: De code die Webflow genereert is schoon en semantisch, wat zorgt voor uitstekende vindbaarheid in Google.

✅ CMS voor contentbeheer: Het ingebouwde CMS maakt het mogelijk om voertuigen, diensten en nieuws eenvoudig te beheren zonder technische tussenkomst.

✅ Eenvoudig in gebruik voor teams: Dankzij de ‘Marketer’-rol kunnen medewerkers zelfstandig pagina’s opbouwen, content bewerken of tijdelijke acties live zetten — zonder tussenkomst van een developer.

✅ Geen beperkingen voor ontwikkelaars: Voor complexe wensen kunnen we altijd custom code of integraties toevoegen, waardoor Webflow vandaag de dag niets meer onderdoet voor developers die maatwerk willen leveren.

Kortom: Webflow biedt het beste van twee werelden. Voor De Haar Automotive betekent dat een visueel sterke en razendsnelle website die intern makkelijk te beheren is, én flexibel genoeg is om te koppelen met externe systemen zoals Airtable, n8n en Autosoft ERP.

Technische Integraties: n8n, Airtable en Autosoft ERP

Een moderne website is meer dan alleen visueel aantrekkelijk — het is ook een schakel in een efficiënt en schaalbaar digitaal ecosysteem. Voor De Haar Automotive hebben we diverse low-code oplossingen geïntegreerd om processen te automatiseren en handmatige taken te minimaliseren. Zo ontstaat er een digitale werkwijze die niet alleen tijd bespaart voor beide partijen, maar ook de kwaliteit en snelheid van de dienstverlening verhoogt.

‍

Realtime Voorraadbeheer via Airtable & n8n

Om de website te koppelen aan de actuele voertuigen voorraad, hebben we een cloudgebaseerde database opgezet in Airtable. Deze fungeert als flexibele en overzichtelijke backend, waarin alle voertuig gegevens automatisch worden ingeladen vanuit het Autosoft ERP-systeem — het hart van de bedrijfsvoering voor veel autobedrijven.

Met behulp van n8n, een krachtig low-code automation platform, synchroniseren we deze gegevens realtime met de website in Webflow. Denk hierbij aan:

- Nieuwe of aangepaste voertuigen automatisch live zetten.

- Foto’s optimaliseren voor laadtijd en Webflow-formaat.

- Filters en pagina’s automatisch updaten op basis van voorraad.
‍

Waarom deze aanpak werkt:

✅ Schaalbaar en onderhoudsarm: Automatisering via n8n voorkomt foutgevoelige, handmatige uploads of Excel-imports.

✅ Realtime beschikbaarheid: Klanten zien altijd de meest actuele informatie op de site — cruciaal bij occasions en lease-aanbiedingen.

✅ Flexibiliteit voor developers: Airtable is eenvoudig te integreren met andere tools, en n8n biedt volledige controle over de dataflows.

✅ Toekomstbestendig: Deze set-up is eenvoudig aanpasbaar of uitbreidbaar bij groei of veranderende systemen.

‍

Lease aanvragen en Contactflows naar Mailblue CRM

Naast voorraadbeheer hebben we ook de verwerking van leads geautomatiseerd. Alle contact- en lease aanvragen die binnenkomen via de website, worden via n8n direct doorgestuurd naar het Mailblue CRM-systeem (de Nederlandse versie van ActiveCampaign).

Elke aanvraag komt daar gestructureerd binnen, wordt automatisch toegewezen aan de juiste workflow, en kan direct opgevolgd worden door het team.

Voordelen van deze aanpak:

✅ Snelle opvolging: Geen tijdverlies doordat leads niet tussen systemen blijven hangen.

✅ Consistente communicatie: Directe triggers voor e-mails, notificaties of herinneringen.

✅ Inzicht in prestaties: Alle interacties worden gelogd in het CRM, zodat de marketing- en salesafdelingen kunnen sturen op data.

✅ Minder handmatig werk: Medewerkers hoeven niet meer handmatig gegevens over te zetten of opvolging te plannen.

Deze combinatie van Webflow + n8n + Airtable + Mailblue laat zien hoe krachtig en flexibel no-code en low-code technologieën inmiddels zijn. Wat vroeger maatwerk-ontwikkeling vergde, is nu schaalbaar, snel te implementeren en volledig afgestemd op de workflow van het bedrijf — zonder de nadelen van logge of dure ERP-integraties.

‍
Online Marketing: Google en Social Ads Uitbesteden

We hebben een online marketingstrategie opgezet gericht op leadgeneratie voor De Haar Lease. Vanaf het voorjaar van 2024 zijn we gestart met kleinschalige campagnes via Google Ads en Meta Advertising. Deze aanpak stelde het team in staat om te wennen aan de nieuwe manier van leads genereren en leverde direct meetbare resultaten op welke we konden gebruiken als input voor de nieuwe landingspagina's.

Want de campagnes moeten leiden naar specifiek ontworpen landingspagina’s, die volledig zijn ingericht met conversie als uitgangspunt. Bij het ontwerpen van deze pagina’s houden we rekening met:

Duidelijke hiërarchie en focus: elke pagina bevat één helder doel (bijv. leaseaanvraag indienen), ondersteund door krachtige koppen en beknopte content.

Gebruik van overtuigende copy: gericht op de behoefte van de bezoeker, inclusief klantvoordelen en een duidelijke call-to-action.

Visuele consistentie met de huisstijl: dit versterkt herkenning en vertrouwen.

Snelheid en mobiele optimalisatie: cruciaal voor lage bounce rates en betere conversie, zeker voor gebruikers via social en mobiel verkeer.

Beperkte afleiding: geen overbodige navigatie of externe links, zodat de aandacht op de conversie blijft.

Social proof: waar mogelijk voegen we klantbeoordelingen of leasevoorbeelden toe om vertrouwen te verhogen.
‍

Deze landingspagina’s worden dynamisch beheerd binnen Webflow, waardoor we snel kunnen A/B-testen en optimaliseren op basis van realtime campagnedata. Zo zorgen we ervoor dat het marketingbudget maximaal rendeert en de leads daadwerkelijk converteren naar concrete aanvragen.

‍

Resultaat: Een Toekomstbestendig Digitaal Ecosysteem

Dankzij de combinatie van een vernieuwde merkidentiteit, een conversiegerichte no-code Webflow-website en slimme geautomatiseerde workflows via n8n en Airtable, beschikt De Haar Automotive nu over een volledig schaalbare en moderne digitale infrastructuur. Dit ecosysteem ondersteunt niet alleen de huidige groeiambities, maar biedt ook alle ruimte voor toekomstige uitbreiding.
‍

Efficiëntie en gebruiksgemak voor het hele team

• Medewerkers kunnen eenvoudig content aanpassen, pagina’s aanmaken of tijdelijke acties publiceren — allemaal zónder tussenkomst van een developer.
• De integratie met het Autosoft ERP-systeem zorgt ervoor dat de voertuiginformatie automatisch actueel is, wat foutgevoelige handmatige invoer overbodig maakt.
• Leads komen rechtstreeks binnen in het CRM (Mailblue), met automatische opvolging en duidelijke statusupdates voor het team. Zo blijft er meer tijd over voor de menselijke kant van sales.

Slimme advertenties, betere resultaten

De advertenties die draaien op Google en Meta zijn gekoppeld aan geoptimaliseerde landingspagina’s met focus op conversie. De combinatie van relevante content, duidelijke CTA’s en razendsnelle laadtijden resulteert in:

• Lagere advertentiekosten per lead (door betere kwaliteitsscores en conversieratio’s)
• Meer inzicht in welke voertuigen of diensten het beste presteren
• Eenvoudig bijsturen of opschalen dankzij realtime data uit het CRM en Webflow CMS

Flexibiliteit en schaalbaarheid

Wat deze aanpak écht sterk maakt, is de flexibiliteit. Nieuwe tools koppelen? Nieuwe diensten lanceren? Een tweede vestiging toevoegen? Dankzij het low-code fundament en Webflow’s modulaire opbouw zijn aanpassingen snel door te voeren zonder dat het systeem opnieuw gebouwd hoeft te worden.

‍

E-merce

Dat de nieuwe website op zou vallen is een feit, want deze case is ook te vinden op E-merce! Benieuwd, check het nieuwsitem dan hier!

‍

Klaar voor de volgende stap?

Wil jij ook:

• Een moderne, professionele website laten bouwen met Webflow
• Je processen automatiseren met slimme low-code tools zoals n8n en Airtable
• Of je online marketing uitbesteden aan een partij die begrijpt hoe conversie en techniek samenwerken?

Neem dan gerust contact met ons op voor een vrijblijvend gesprek. We laten je graag zien hoe jij ook een schaalbaar, toekomstgericht ecosysteem bouwt — zonder onnodige complexiteit.