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

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
Beheeromgeving
Mobiel en responsive
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
WebsitesVastgoedplatformVastgoedplatform 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
WebsitesPersoonlijk portfolioPersoonlijke 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
WebshopsE-commerceplatformGeavanceerd 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.


