Skip to content
WebsitesBedrijfswebsite

Zakelijke bedrijfswebsite

Een snelle, meertalige bedrijfswebsite met dienstpagina's, offerteaanvragen en een eenvoudig CMS — goed opgezet voor zoekmachines en makkelijk actueel te houden door het team.

Projectgegevens

Type project
Bedrijfswebsite
Categorie
Websites
Branche
Industriële en zakelijke dienstverlening
Technologiestack
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • next-intl
  • PostgreSQL
  • Prisma
Homepage van de bedrijfswebsite met kop, offerteknop, uitgelichte dienst en vier diensttegels

Overzicht

Dit demonstratieproject toont een bedrijfswebsite voor een industrieel dienstverlener, gebouwd zoals Saad zakelijke websites bouwt: elke dienst krijgt een eigen pagina met een duidelijke boodschap, de offerteaanvraag komt bij de juiste persoon terecht en het team past teksten, beelden en vertalingen aan zonder developer.

De site is beschikbaar in meerdere talen, waaronder Arabisch met een echte rechts-naar-links-opmaak, en elke taal heeft eigen URL's en zoekmetadata in plaats van een vertaalde kopie onder één adres.

De uitdaging

Veel bedrijfswebsites zijn brochures die niet meer bij het bedrijf passen. Diensten staan op één lange pagina, het contactformulier belandt in een ongelezen inbox, wijzigingen wachten op het bureau en de site is traag op mobiel. Voor bedrijven die in meerdere landen actief zijn, betekent een extra taal vaak een tweede website die uit de pas loopt.

De oplossing

Het concept bouwt de site op rond wat het bedrijf verkoopt: een heldere homepage, één pagina per dienst, branches, projecten en een contactroute die de juiste vragen stelt. Een licht CMS laat het team pagina's, secties, beelden en vertalingen beheren, met zoekvoorbeeld en lengtecontrole ingebouwd. Aanvragen worden gevalideerd, tegen spam beschermd en per e-mail doorgestuurd met de pagina waar ze vandaan kwamen.

Belangrijkste functies

  • Homepage, dienstpagina's, branches, projecten en vacatures
  • Offerteformulier met spambescherming en doorsturen per e-mail
  • CMS voor pagina's, secties, beelden en navigatie
  • Meertalige inhoud met echte Arabische rechts-naar-links-opmaak
  • Voorbeeld van de zoekweergave en lengtecontrole per pagina
  • Automatische sitemap, canonieke URL's en hreflang
  • Gestructureerde data voor de organisatie en haar diensten
  • Snel laden op mobiel met geoptimaliseerde afbeeldingen

Voor wie

  • Dienstverleners waarvan de website niet meer bij het bedrijf past
  • Bedrijven die in meer dan één taal werken
  • Teams die hun site willen bijwerken zonder bureau
  • Bedrijven die leads uit zoekmachines halen en een duidelijke offerteroute willen

Technische aanpak

Next.js rendert pagina's statisch en vernieuwt ze zodra de inhoud wijzigt, zodat ze snel laden en goed te crawlen zijn. Inhoud staat via Prisma in PostgreSQL met één rij per taal; next-intl verzorgt gelokaliseerde routes en hreflang. Gestructureerde data, een automatische sitemap en canonieke URL's zijn onderdeel van de bouw, geen bijzaak.

Backend
Database
Koppelingen
SMTPGoogle Search Console

Schermen

Klantomgeving

Dienstpagina met dienstenmenu, werkwijze-checklist en offerteformulier
Dienstpagina met dienstenmenu, werkwijze-checklist en offerteformulier

Beheeromgeving

CMS van de website met pagina's, vertaalstatus per taal en een pagina-editor met zoekvoorbeeld
CMS van de website met pagina's, vertaalstatus per taal en een pagina-editor met zoekvoorbeeld

Mobiel en responsive

Drie telefoonschermen van de bedrijfswebsite: Engelse homepage, contactformulier en Arabische homepage van rechts naar links
Drie telefoonschermen van de bedrijfswebsite: Engelse homepage, contactformulier en Arabische homepage van rechts naar links

Diensten achter dit project

Het werk in deze case valt onder deze diensten. Elke pagina legt de scope, de werkwijze en de oplevering uit.

Gerelateerde projecten

Alle projecten
  • Zoekpagina voor woningen met filters, een lijst met objecten en een kaart met geclusterde prijsmarkers
    WebsitesVastgoedplatform

    Vastgoedplatform voor makelaars

    Een vastgoedplatform voor een makelaarskantoor: zoeken op de kaart met filters, uitgebreide woningpagina's, bezichtigingsaanvragen, bewaarde zoekopdrachten met alerts en een makelaarsdashboard voor aanbod en leads.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4
  • Donkere portfolio-homepage met kop, beschikbaarheid, profielbadge en vier tegels met geselecteerd werk
    WebsitesPersoonlijk portfolio

    Persoonlijke portfoliowebsite

    Een persoonlijke website voor een ontwerper of consultant: een sterke introductie, cases die het werk uitleggen, een blog en een contactformulier — snel, toegankelijk en makkelijk bij te werken.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • MDX
    • +1
  • Productoverzicht van de webshop met categoriefilters, prijsbereik en acht productkaarten
    WebshopsE-commerceplatform

    Geavanceerd e-commerceplatform

    Een maatwerk webshop met productbeheer, snelle zoekfunctie, klantaccounts, een checkout in stappen en een volledig orderdashboard — gebouwd met Next.js, TypeScript en PostgreSQL.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4

Vragen over dit type project

Is dit de website van een echt bedrijf?

Nee. Bedrijfsnaam en inhoud zijn fictief en elk scherm is als voorbeeldinhoud gemarkeerd. Het laat de opbouw en functies zien die Saad voor bedrijfswebsites gebruikt.

Kunnen we de website na livegang zelf aanpassen?

Ja. Het CMS dekt pagina's, secties, beelden en vertalingen, dus voor dagelijkse wijzigingen is geen developer nodig. Structurele wijzigingen, zoals nieuwe paginatypes of functies, vallen onder ontwikkelwerk.

Hoe pak je SEO aan voor een meertalige bedrijfswebsite?

Elke taal heeft eigen URL's, titels en beschrijvingen, gekoppeld met hreflang. Een taal wordt pas gepubliceerd als de inhoud echt geschreven is, zodat zoekmachines geen half vertaalde pagina's indexeren.

Een vergelijkbaar project?

Vertel Saad wat je nodig hebt. Je krijgt een heldere scope, een plan in fases en direct contact met de developer die het bouwt — zonder tussenpersonen.

  • Direct en duidelijk contact

    Je spreekt rechtstreeks met de engineer die de code schrijft — geen tussenpersonen, geen vage opleverdata.

  • Volledig maatwerk

    Geen kant-en-klare WordPress-thema's of gekopieerde code — elke regel wordt geschreven voor de eisen en schaal van jouw bedrijf.

  • Van idee tot livegang

    Hulp bij het uitwerken van de specificatie en het omzetten van een ruw idee in een echt, bruikbaar product.

Het aanvraagformulier opent met dit type project al geselecteerd.