Réalisations digitales

Des études de cas web pensées pour l’image, la présence locale et la conversion.

Chaque réalisation présente ici un enjeu concret : rendre une offre plus lisible, structurer le référencement local et transformer le site en support commercial crédible.

Tableau de bord digital illustrant des réalisations web sur mesure et une architecture locale
CWD Sites sur mesure, référencement local et communication digitale structurés comme un écosystème.

Cruciani Web Design conçoit des sites sur mesure, refontes structurées, architectures éditoriales locales et contenus précis pour des entreprises dont la présence dépend autant de la clarté humaine que de la compréhension par Google et les moteurs IA.

Étude de cas 01

Oreava

Création d’une expérience digitale élégante pour des événements privés premium. Le site présente Oreava avec une lecture claire.

Type de projet
Invitation digitale premium.
Statut
Projet réalisé pour oreava.fr.
Enjeux prioritaires
Image, immersion, lecture mobile et prise de contact.
Capture desktop du site Oreava avec invitation digitale premium et univers événementiel
Capture réelle desktop du site oreava.fr.
Capture mobile du site Oreava avec parcours invitation digitale et CTA événementiel
Parcours mobile premium.
Présentation du projet

Une vitrine pour une maison d’invitations digitales.

Oreava avait besoin d’un site capable de traduire une promesse sensible : créer des invitations digitales pour des événements privés sans perdre la notion de soin, de rareté et d’émotion.

Objectifs du site

Donner de la valeur au premier lien envoyé.

Le parcours devait montrer que l’invitation n’est pas un simple message pratique, mais le premier contact avec l’atmosphère de l’événement : mariage, anniversaire, baptême ou rendez-vous professionnel.

Travail réalisé

Un univers éditorial clair et maîtrisé.

La page met en scène les usages, les directions artistiques et les bénéfices concrets : RSVP, programme, adresse, galerie et partage privé. Chaque élément soutient l’image premium sans alourdir la lecture.

Approche UX/UI

Une lecture calme, visuelle et guidée.

Le design laisse respirer les textes, les visuels et les appels à l’action. L’objectif est de donner envie d’explorer l’univers tout en conservant des repères simples pour comprendre l’offre.

Responsive mobile

Un service digital pensé pour le smartphone.

Comme les invitations sont partagées par lien, la version mobile devait être lisible, élégante et rapide à parcourir. Les CTA restent accessibles et les sections gardent un rythme confortable.

Socle technique

Des médias optimisés pour garder la finesse visuelle.

Les images sont servies en WebP et la structure reste légère pour préserver la qualité perçue. Le rendu doit rester fluide malgré une direction visuelle plus éditoriale qu’un site vitrine classique.

Résultat final

Une présence premium pour un service digital délicat.

Oreava dispose d’une vitrine claire, élégante et crédible pour présenter ses invitations digitales et montrer l’expérience attendue avant même le premier échange.

Étude de cas 02

Alu Project

Une refonte haut de gamme pour une entreprise de menuiserie aluminium et PVC autour de Montauban et en Tarn-et-Garonne, avec une priorité : rendre lisibles les offres particuliers et professionnels tout en valorisant l’expérience depuis 1991.

Secteur d’activité
Menuiseries aluminium et PVC, portes, fenêtres, vérandas, pergolas, portails, volets, stores et projets professionnels.
Objectif principal
Améliorer la hiérarchie utilisateur et la perception plus haut de gamme.
Enjeux prioritaires
Refonte, liens internes, réalisations et crédibilité entreprise.
Capture desktop du site alu-project.com avec menuiserie aluminium, vérandas et pergolas à Montauban et en Tarn-et-Garonne
Capture réelle desktop du site alu-project.com.
Capture mobile du site alu-project.com avec CTA devis, appel et itinéraire
Adaptation mobile des points de contact.
Objectifs du projet

Installer une lecture claire dès l’arrivée.

La refonte devait clarifier la promesse, montrer l’expertise sur les menuiseries aluminium et PVC, vérandas sur mesure et pergolas bioclimatiques, puis guider vers la demande de devis, l’appel ou l’itinéraire.

Problématiques initiales

Une offre riche qui pouvait perdre l’utilisateur.

Alu Project couvre de nombreux besoins : portes et fenêtres, stores et volets, portails et portes de garage, garde-corps et marquises, vérandas, extensions, pergolas et projets professionnels. Sans hiérarchie nette, l’utilisateur risque de ne pas identifier le bon service ni la preuve adaptée.

Travail réalisé

Une architecture orientée services et preuves.

Les entrées ont été structurées par grandes familles, avec des accès directs aux services, aux zones d’intervention, à l’entreprise et au contact. Les preuves comme la fabrication française, la garantie 10 ans, le bureau d’études intégré, le SAV et les partenariats K-LINE, RÉNOVAL et Maison du Menuisier renforcent la crédibilité.

Approche UX/UI

Une navigation qui hiérarchise les décisions.

Le design met l’image de réalisation au premier plan, puis distribue les services selon des catégories compréhensibles. Les CTA de devis, d’appel et d’itinéraire restent proches des moments de décision pour réduire la distance entre inspiration et prise de contact.

Liens et données locales

Services, galeries et zones comme points d’entrée.

Les liens internes relient les pages services, les projets professionnels et les secteurs de recherche autour de Montauban, Nègrepelisse et du Tarn-et-Garonne, avec des zones comme Saint-Étienne-de-Tulmont, Léojac, Montricoux, Montbeton, La Salvetat-Belmontet et Castelsarrasin. Cette structure aide Google et les moteurs IA à comprendre qui fait quoi, où, et avec quelles preuves.

Performance et responsive

Des visuels utiles sans casser la lecture.

Le travail responsive vise à conserver les photos de réalisations comme preuves fortes tout en gardant une navigation exploitable sur mobile. Le parcours reste centré sur les services et le contact, pas sur une galerie isolée.

Technologies et structure

Un socle pensé pour évoluer avec le catalogue.

La structure combine intégration responsive, organisation éditoriale par familles de services, galeries de réalisations, pages secteurs et contenus de preuve. Elle permet d’ajouter de nouvelles réalisations sans affaiblir la structure.

Résultat final

Une refonte plus lisible, plus crédible et mieux structurée pour être trouvée.

Alu Project gagne une vitrine plus haut de gamme : l’utilisateur comprend plus vite les familles de services, les moteurs disposent d’une structure plus claire, et les réalisations deviennent un argument de confiance plutôt qu’un simple portfolio.

Étude de cas 03

SPA Occitan

Refonte complète d'un ancien site WordPress vers une architecture HTML sur mesure, optimisée pour la performance, le SEO local, le GEO et l'expérience utilisateur.

Badge
Refonte WordPress → HTML Premium.
Secteur d’activité
Spas, aménagements extérieurs, constructions bois et showroom local.
Enjeux prioritaires
Performance, référencement local, moteurs IA, UX mobile et perception premium.
Capture desktop du nouveau site SPA Occitan après refonte WordPress vers HTML premium
Capture desktop de la nouvelle version SPA Occitan.
Capture mobile du nouveau site SPA Occitan avec parcours showroom, spa et contact
Parcours mobile optimisé pour la recherche locale.
Objectifs du projet

Transformer un ancien WordPress en socle premium maîtrisé.

Le site devait mieux présenter l'activité spa, le showroom, les services d'installation et les aménagements extérieurs, sans dépendre d'un empilement de thème et d'extensions.

Avant / après

Clarifier la hiérarchie visuelle et le responsive.

La refonte améliore la lecture de l'offre, l'organisation des sections, la priorité des CTA et la stabilité mobile, avec une comparaison dédiée dans l'étude de cas complète.

Architecture HTML

Un code plus direct pour soutenir la performance.

Le nouveau socle HTML/CSS/JS limite les dépendances inutiles, stabilise les rendus et donne plus de contrôle sur les contenus, les médias WebP et les données structurées.

SEO local

Relier services, showroom et territoire.

Le contenu associe SPA Occitan à Nègrepelisse, Montauban, au Tarn-et-Garonne, à la vente de spa, à l'installation et aux aménagements extérieurs sans sur-optimisation artificielle.

GEO et IA

Rendre le métier plus facile à comprendre par les moteurs génératifs.

Les entités, les services, les zones et les questions fréquentes sont structurés pour faciliter l'extraction d'informations par Google, ChatGPT, Perplexity, Gemini et les moteurs IA.

Expérience utilisateur

Un parcours plus clair pour se projeter et contacter.

La nouvelle version donne plus rapidement accès aux familles de services, aux arguments de confiance et aux actions utiles : visiter, appeler, demander conseil ou préparer un projet spa.

Services et expertise

Une réalisation reliée aux services refonte, SEO local et GEO.

SPA Occitan devient une preuve concrète de refonte WordPress vers HTML premium pour une entreprise locale qui doit être comprise par les visiteurs, Google et les moteurs IA.

  • ServicesRefonte WordPress, développement HTML, UX mobile, SEO local, GEO.
  • TerritoireNègrepelisse, Montauban, Tarn-et-Garonne et Occitanie.
  • IntentionsVente de spa, installation, showroom, aménagement extérieur et constructions bois.

Résultat final

Une base plus rapide, plus claire et plus durable pour la visibilité locale.

SPA Occitan dispose d'une vitrine plus premium, plus structurée et plus facile à faire évoluer, avec un parcours mobile plus lisible et une architecture pensée pour le SEO local comme pour le référencement IA.

Étude de cas 04

Quercy Renov

Une architecture de présence locale pour un groupement d’entreprises de rénovation énergétique : le site doit expliquer des services complexes, rassurer sur l’accompagnement et organiser le territoire pour Google comme pour les moteurs IA.

Secteur d’activité
Rénovation énergétique, aides de l’État, coordination d’artisans locaux.
Objectif principal
Construire une structure locale, claire et territoriale.
Enjeux prioritaires
Services, villes, liens internes, lisibilité mobile et crédibilité.
Capture desktop du site Quercy Renov avec message rénovation énergétique
Capture réelle desktop du site quercyrenov.fr.
Capture mobile du site Quercy Renov avec CTA et navigation
Lecture mobile des services et CTA.
Présentation du projet

Un site pensé comme un hub local.

Quercy Renov regroupe des acteurs locaux pour accompagner les propriétaires dans leurs travaux de rénovation énergétique : diagnostic, aides, artisans qualifiés, démarches administratives et suivi de chantier.

Objectifs du site

Rendre simple une décision technique.

Le site devait expliquer les bénéfices, les aides et les pôles de compétences sans noyer l’utilisateur : bureau d’étude, panneaux solaires, isolation, menuiseries, chauffage, climatisation et maîtrise d’ouvrage.

Problématiques initiales

Complexité des aides et besoin de confiance.

La rénovation énergétique mêle réglementation, budget, performance et choix d’artisans. L’enjeu était de créer une structure rassurante, capable de montrer l’accompagnement clé en main et l’ancrage local.

Travail réalisé

Organisation des services et contenus de preuve.

Les services sont regroupés en pôles lisibles, chacun relié à une intention claire. Les engagements, l’étude personnalisée, les entreprises locales qualifiées et le suivi rigoureux deviennent des preuves centrales.

Structure locale

Des pages qui répondent aux vraies recherches.

Chaque service porte une requête locale exploitable : isolation combles, panneaux photovoltaïques, chauffage et climatisation, menuiseries ou bureau d’étude. La structure évite la page fourre-tout et donne à chaque besoin un contexte clair.

Architecture IA

Des contenus IA-ready, explicites et reliés.

Cette architecture repose sur des entités lisibles : entreprise, services, aides, territoire, types de travaux et bénéfices. Les contenus sont formulés pour répondre directement aux questions des utilisateurs et faciliter l’extraction par les moteurs conversationnels.

Structure territoriale

Une logique par villes et bassins d’intervention.

L’architecture relie l’ancrage de Nègrepelisse aux zones voisines comme Montauban, Caussade, Montech, Castelsarrasin et le Tarn-et-Garonne. Cette structure territoriale permet de développer des pages villes sans duplication mécanique.

UX/UI et mobile

Un parcours clair malgré la densité du sujet.

L’interface met en avant les appels, les bénéfices et les services avant les détails techniques. Sur mobile, les CTA et les blocs de contenu courts aident l’utilisateur à avancer sans perdre le fil.

Performance et lisibilité

Des pages conçues pour durer.

La lisibilité éditoriale limite les répétitions, clarifie les titres et sépare les intentions. Cette base facilite l’enrichissement des contenus, la création de pages locales et l’ajout de FAQ ou données structurées lorsque le site évolue.

Architecture territoriale

Une structure locale pensée pour la recherche et les prospects.

Le site n’est pas seulement une présentation visuelle : il devient une carte de compréhension entre services, villes, bénéfices, preuves et demandes de contact.

  • ServicesBureau d’étude, solaire, isolation, menuiseries, chauffage, maîtrise d’ouvrage.
  • TerritoiresNègrepelisse, Montauban, Caussade, Montech, Castelsarrasin, Tarn-et-Garonne.
  • IntentionsAides, économies d’énergie, confort, artisans RGE, suivi de chantier.

Résultat final

Une base stratégique pour une présence locale durable.

Quercy Renov dispose d’une architecture qui soutient le référencement local, prépare le développement de pages territoriales et rend l’offre plus compréhensible pour les prospects comme pour les moteurs IA.

Réalisation 05

As de Pizz

Un site vitrine local pour une pizzeria artisanale présente à Albias et Nègrepelisse, avec un enjeu très concret : aider un visiteur mobile à comprendre l’offre, trouver la bonne boutique et passer à l’action rapidement.

Secteur d’activité
Pizzeria artisanale, vente à emporter et livraison locale.
Objectif principal
Clarifier le parcours menu, boutiques, horaires et contact.
Enjeux prioritaires
Expérience mobile, produits, référencement local et commande.
Capture desktop du site As de Pizz avec titre, CTA carte et boutiques
Capture réelle desktop du site as-de-pizz.fr.
Capture mobile du site As de Pizz avec parcours menu et boutiques
Parcours mobile prioritaire.
Objectifs du projet

Rendre le choix simple avant l’appel.

Le site devait mettre en avant les pizzas, les pizzas spéciales, la livraison rapide, les deux adresses et les horaires sans obliger l’utilisateur à fouiller. La navigation se concentre sur les entrées utiles : carte, boutiques, galerie et contact.

Problématiques initiales

Un besoin de présence locale immédiate.

Pour une pizzeria, la majorité des visites arrive dans un contexte court : faim, proximité, téléphone en main. L’enjeu était de réduire l’effort de lecture, d’éviter les informations dispersées et de donner des repères locaux forts pour Albias et Nègrepelisse.

Travail réalisé

Une structure claire autour des décisions.

Le contenu a été organisé autour du parcours réel : découvrir l’univers artisanal, consulter la carte, identifier la boutique la plus proche, voir les produits, puis appeler ou préparer une commande. Les CTA restent visibles et explicites.

Approche UX/UI

Mobile d’abord, avec une mise en avant produit.

La page privilégie une lecture verticale, des boutons larges, des titres courts et des visuels de pizzas qui rassurent immédiatement. Le ton visuel reste chaleureux, mais la structure évite l’effet “menu décoratif” difficile à utiliser.

Référencement local

Deux établissements, deux signaux territoriaux.

Les contenus ancrent la marque sur Albias et Nègrepelisse avec adresses, horaires, téléphone et itinéraires. Cette structure renforce les signaux locaux et donne aux moteurs IA des informations simples à extraire pour une recherche de pizzeria à proximité.

Performance et responsive

Un parcours rapide pour la commande.

Les images et sections sont pensées pour charger sans friction, avec une consultation fluide sur smartphone. L’objectif n’est pas seulement esthétique : il faut permettre au visiteur de passer de l’envie au contact en quelques gestes.

Socle technique

Une base vitrine légère, claire et maintenable.

Le socle privilégie une intégration responsive, des médias optimisés, un balisage local cohérent et une structure de contenus simple à maintenir. La technique reste au service du parcours : carte, boutiques, produits et contact.

Résultat final

Un site local plus clair, plus utile et plus orienté commande.

As de Pizz dispose d’une vitrine lisible qui valorise ses produits, rassure sur ses boutiques et soutient la présence locale. Le site devient un relais concret entre recherche Google, visite mobile et action commerciale.

Microsite événementiel

Saint-Théodard

Création d’un microsite événementiel moderne et responsive pour l’école Saint-Théodard. Le site centralise les informations importantes, facilite l’accès aux réservations et offre une expérience fluide sur mobile comme sur ordinateur.

Catégorie
Microsite événementiel.
Contexte
Spectacle des enfants, kermesse et informations pratiques pour les familles.
Enjeux prioritaires
Accès rapide aux informations, responsive mobile et réservations via liens externes.
Capture desktop du microsite événementiel Saint-Théodard avec spectacle des enfants et kermesse
Capture réelle desktop du site saint-theodard.oreava.fr.
Capture mobile du microsite Saint-Théodard avec portail événementiel et carte spectacle
Accueil mobile du microsite événementiel.
Présentation du projet

Un portail événementiel pour les familles.

Le microsite regroupe les informations liées au spectacle des enfants et à la kermesse afin de donner aux familles un point d’accès simple, clair et agréable.

Conception UI/UX

Deux univers, une lecture immédiate.

L’interface met en scène les deux événements avec une direction visuelle immersive tout en gardant une entrée lisible vers chaque parcours.

Développement du site

Un microsite léger et autonome.

Le site est développé comme une page événementielle dédiée, adaptée à une consultation rapide depuis un lien partagé aux familles.

Responsive mobile et tablette

Une expérience fluide sur tous les écrans.

La mise en page conserve l’univers visuel du projet tout en priorisant la lisibilité, les cartes événementielles et les informations utiles sur mobile.

Informations pratiques

Centraliser ce que les familles cherchent.

Les contenus donnent un accès rapide aux dates, lieux, informations d’organisation et liens utiles liés au spectacle et à la kermesse.

Réservations externes

Orienter sans complexifier le site.

Les réservations sont gérées via des liens externes, ce qui permet de garder le microsite clair tout en facilitant le passage à l’action.

Déploiement et performance

Un sous-domaine rapide à consulter.

Le microsite est déployé sur un sous-domaine dédié avec des captures et médias optimisés pour préserver un rendu premium et une navigation confortable.

Résultat final

Un microsite sobre, immersif et utile pour un événement scolaire.

Saint-Théodard dispose d’un support événementiel moderne qui centralise les informations importantes et facilite l’accès aux réservations, sans ajouter de complexité inutile.

Votre site doit-il devenir une vraie réalisation solide ?

L’audit gratuit permet d’identifier le bon format : création, refonte, référencement local, structure IA ou stratégie digitale plus globale.