Nixel
Site d'un bureau d'études techniques (structure, électricité, fluides) : références projets et articles gérés par le client, formulaire de contact et SEO.
- Type
- Projet client (freelance)
- Année
- 2026
- Technologies
- Next.js · TypeScript · Sanity CMS · Tailwind CSS
Le contexte
Un bureau d'études qui travaille avec des promoteurs et des entreprises du bâtiment avait besoin d'un site à la hauteur de ses références, et qu'il puisse faire vivre lui-même.
Le problème
Pas de vitrine crédible pour montrer les projets réalisés, et aucun moyen simple d'ajouter une référence ou un article sans passer par un développeur.
Ce qui a été construit
- 14 pages : accueil, à propos, compétences par métier, références, articles, contact, pages légales
- Références projets et articles gérés par le client depuis une interface d'administration
- Formulaire de contact qui envoie les demandes directement par e-mail
- Identité visuelle sur mesure, pensée pour une clientèle B2B
Ce que ça change
- Une image professionnelle face aux promoteurs et aux maîtres d'ouvrage
- Le client ajoute ses projets et ses articles en autonomie
- Un site prêt pour le référencement : plan du site, données structurées
Architecture
- Next.js (App Router) : 11 pages statiques et 2 routes dynamiques alimentées par le CMS
- Sanity CMS pour les projets et les articles, requêtes GROQ et types TypeScript
- Route API pour le formulaire de contact, envoi d'e-mails avec Resend
Sécurité
- Clés d'API uniquement côté serveur
- Formulaire de contact validé côté serveur, contenu des messages échappé avant envoi (pas d'injection HTML)
Qualité et livraison
- Sitemap et robots générés automatiquement
- Données structurées (JSON-LD) pour l'entreprise
- Système de design documenté (couleurs, typographie, espacements)
Stack
- Front-end
- Next.jsReact 19TypeScriptTailwind CSSshadcn/uiFramer Motion
- Contenu
- Sanity CMS
- Services
- Resend (e-mails)Vercel
Le même type de site pour votre entreprise : vos chantiers en valeur, des demandes de devis qualifiées, et un contenu que vous gérez vous-même.
Autres réalisations
Plateforme SaaS B2B
Langly
Le même socle que pour une conciergerie : rôles, données sensibles, paiements.
Lire l'étude de casPlateforme multilingue
DeutscheStep
Un site rapide et multilingue, pensé pour convertir les visiteurs en demandes.
Lire l'étude de casApplication de bureau
FocusTube
Un produit complet, publié et téléchargeable.
Lire l'étude de cas✱ Prochaine étape
Votre projet pourrait être le prochain.
Dites-moi ce que vous voulez construire. Je vous réponds avec une première analyse et les prochaines étapes.
Ou par e-mail : contact@elbarry.meÉchange par écrit, appel audio ou visio, comme vous préférez.