Skip to content
Sites webSite d'entreprise

Site web d'entreprise

Un site d'entreprise rapide et multilingue avec pages de services, demandes de devis et CMS simple — structuré pour les moteurs de recherche et facile à tenir à jour par l'équipe.

Fiche du projet

Type de projet
Site d'entreprise
Catégorie
Sites web
Secteur
Services industriels et professionnels
Pile technique
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • next-intl
  • PostgreSQL
  • Prisma
Page d'accueil du site d'entreprise avec titre, bouton de demande de devis, service mis en avant et quatre tuiles de services

Présentation

Ce projet de démonstration présente le site d'une entreprise de services industriels, construit comme Saad construit les sites professionnels : chaque service a sa propre page avec un message clair, la demande de devis arrive à la bonne personne, et l'équipe modifie textes, images et traductions sans faire appel à un développeur.

Le site existe en plusieurs langues, dont l'arabe avec une véritable mise en page de droite à gauche, et chaque langue possède ses propres URL et métadonnées plutôt qu'une copie traduite sous une seule adresse.

Le défi

Beaucoup de sites d'entreprise sont des plaquettes qui ne reflètent plus l'activité. Les services sont décrits sur une longue page unique, le formulaire de contact atterrit dans une boîte que personne ne lit, les mises à jour attendent l'agence et le site est lent sur mobile. Pour les entreprises présentes dans plusieurs pays, ajouter une langue revient souvent à créer un second site désynchronisé.

La solution

Le concept organise le site autour de ce que l'entreprise vend : une page d'accueil claire, une page par service, les secteurs, les réalisations et un parcours de contact qui pose les bonnes questions. Un CMS léger permet de gérer pages, sections, images et traductions, avec aperçu dans les résultats de recherche et contrôle de longueur intégrés. Les demandes sont validées, protégées du spam et transmises par e-mail avec la page d'origine.

Fonctionnalités clés

  • Accueil, pages de services, secteurs, réalisations et recrutement
  • Formulaire de devis protégé du spam et routage par e-mail
  • CMS pour les pages, sections, images et menus
  • Contenu multilingue avec une vraie mise en page arabe de droite à gauche
  • Aperçu dans les résultats de recherche et contrôle de longueur par page
  • Sitemap automatique, URL canoniques et hreflang
  • Données structurées pour l'entreprise et ses services
  • Chargement rapide sur mobile avec images optimisées

Pour qui

  • Entreprises de services dont le site ne reflète plus l'activité
  • Entreprises qui travaillent dans plusieurs langues
  • Équipes qui veulent mettre à jour leur site sans agence
  • Entreprises qui trouvent leurs clients via la recherche et veulent un parcours de devis clair

Approche technique

Next.js génère les pages de façon statique et les régénère quand le contenu change : chargement rapide et exploration facile par les moteurs de recherche. Le contenu est stocké dans PostgreSQL via Prisma, une ligne par langue, et next-intl gère les routes localisées et le hreflang. Données structurées, sitemap automatique et URL canoniques font partie de la construction, pas d'une finition après coup.

Backend
Base de données
Intégrations
SMTPGoogle Search Console

Écrans

Interface client

Page de service avec menu des services, étapes de travail et formulaire de devis
Page de service avec menu des services, étapes de travail et formulaire de devis

Interface d'administration

CMS du site listant les pages avec le statut de traduction par langue et un éditeur avec aperçu de recherche
CMS du site listant les pages avec le statut de traduction par langue et un éditeur avec aperçu de recherche

Mobile et vues adaptatives

Trois écrans mobiles du site : accueil en anglais, formulaire de contact et accueil en arabe de droite à gauche
Trois écrans mobiles du site : accueil en anglais, formulaire de contact et accueil en arabe de droite à gauche

Services derrière ce projet

Le travail présenté ici correspond à ces services. Chaque page en explique le périmètre, la démarche et les livrables.

Projets similaires

Tous les projets
  • Page de recherche immobilière avec filtres, liste de biens et carte avec marqueurs de prix regroupés
    Sites webPlateforme immobilière

    Plateforme immobilière et site d'annonces

    Une plateforme immobilière pour une agence : recherche sur carte avec filtres, fiches de biens détaillées, demandes de visite, recherches enregistrées avec alertes et un tableau de bord agent pour les annonces et les prospects.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4
  • Page d'accueil sombre du portfolio avec titre, disponibilité, badge de profil et quatre projets sélectionnés
    Sites webPortfolio personnel

    Site portfolio personnel

    Un site personnel pour un designer ou un consultant : une présentation forte, des études de cas qui expliquent le travail, un blog et un formulaire de contact — rapide, accessible et facile à mettre à jour.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • MDX
    • +1
  • Liste de produits de la boutique avec filtres par catégorie, fourchette de prix et huit fiches produits
    Boutiques en lignePlateforme e-commerce

    Plateforme e-commerce avancée

    Une boutique en ligne sur mesure avec gestion des produits, recherche rapide, comptes clients, paiement en plusieurs étapes et tableau de bord complet des commandes — développée avec Next.js, TypeScript et PostgreSQL.

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

Questions sur ce type de projet

S'agit-il du site d'une vraie entreprise ?

Non. Le nom de l'entreprise et le contenu sont fictifs, et chaque écran est signalé comme contenu d'exemple. Le projet illustre la structure et les fonctionnalités que Saad utilise pour les sites d'entreprise.

Pourrons-nous modifier le site nous-mêmes après la mise en ligne ?

Oui. Le CMS couvre pages, sections, images et traductions : les mises à jour courantes ne nécessitent pas de développeur. Les évolutions structurelles, comme de nouveaux types de pages ou fonctionnalités, relèvent du développement.

Comment gérer le référencement d'un site d'entreprise multilingue ?

Chaque langue a ses propres URL, titres et descriptions, reliés par des balises hreflang. Une langue n'est publiée que lorsque son contenu est réellement rédigé, pour que les moteurs n'indexent jamais de pages à moitié traduites.

Vous voulez un projet similaire ?

Expliquez votre besoin à Saad. Vous obtenez un périmètre clair, un plan par étapes et un contact direct avec le développeur — sans intermédiaire.

  • Un échange direct et clair

    Vous parlez directement à l'ingénieur qui écrit le code — sans intermédiaire commercial, sans délais flous.

  • Entièrement sur mesure

    Pas de thème WordPress tout fait ni de code copié : chaque ligne est écrite pour les besoins et la taille de votre activité.

  • De l'idée au lancement

    Une aide pour formaliser les spécifications et transformer une idée brute en produit réel et utilisable.

Le formulaire de demande s'ouvre avec ce type de projet déjà sélectionné.