Étude de cas Codi.Up : un site d’agence web WordPress pensé pour qualifier les demandes
Le site d’une agence web d’Orléans qui vend du sur-mesure : un thème WordPress sans page builder, une page par public et un formulaire de devis qui qualifie chaque projet dès le premier contact.
- Type de projet
- Site WordPress
- Technologies
- WordPress
- Thème sur mesure
- PHP
- JavaScript
- Schema.org (JSON-LD)
Codi.Up est une agence web installée à Orléans. Elle accompagne des indépendants, des porteurs de projet, des startups et des PME dans la création de sites, d’applications mobiles et de plateformes sur mesure. Son site, en ligne sur codiup.fr, repose sur un thème WordPress sur mesure que j’ai écrit.
Ce projet montre comment je construis un site d’agence web WordPress quand l’enjeu n’est pas seulement de présenter une activité, mais de trier et de qualifier les demandes entrantes. La méthode est celle d’une création de site vitrine WordPress, appliquée à une offre très large.
Contexte : une agence qui vend du sur-mesure
Codi.Up couvre un spectre large : sites vitrines, e-commerce, applications web et mobiles, SaaS, marketplaces, ERP et CRM, MVP de startup. Le site devait présenter cette offre sans la diluer, parler à plusieurs publics à la fois et transformer une visite en demande de projet exploitable par l’équipe.
D’après la structure du site, les objectifs étaient les suivants :
- présenter clairement les expertises et la méthode de l’agence ;
- s’adresser séparément aux futurs clients, aux partenaires et aux investisseurs ;
- recevoir des demandes de devis déjà qualifiées (type de projet, budget, échéance) ;
- être trouvé sur les recherches locales autour d’Orléans ;
- refléter, par le site lui-même, l’exigence technique vendue aux clients.
Ce que j’ai réalisé
Une page par public
L’accueil enchaîne expertises, réalisations, méthode, puis deux appels distincts : « Participez à notre croissance » et « Rejoignez notre écosystème ». Chaque public dispose ensuite de sa propre page et de son propre formulaire : porteur de projet (avec une offre d’audit stratégique gratuit), partenariat et investisseur. Un visiteur ne remplit jamais un formulaire qui ne lui est pas destiné.
Un formulaire de devis qui qualifie
La page de demande de devis pose les bonnes questions dès le premier contact : type de projet parmi une liste précise (site vitrine, e-commerce, application mobile, SaaS, marketplace, ERP et CRM, API headless…), budget estimé par tranches, date de lancement souhaitée et description libre. Le consentement au traitement des données est explicite. L’agence reçoit ainsi des demandes qu’elle peut chiffrer sans aller-retour.
Des pages pensées pour le référencement local
Autour des pages institutionnelles, le site compte des pages ciblées sur les recherches locales (développeur web à Orléans, communication et digital à Orléans) et des pages d’expertise (agence de développement d’application, agence web sur mesure). Un blog d’articles complète ce maillage.
Choix techniques
Le site repose sur un thème WordPress écrit pour Codi.Up. Le HTML produit reste léger, sans le balisage d’un constructeur de pages, ce qui sert à la fois la vitesse d’affichage et la lisibilité du code par les moteurs de recherche.
- Thème sur mesure : pas de page builder, un CSS critique intégré à la page et un script principal chargé en différé.
- Données structurées : l’organisation, ses services et son catalogue d’offres sont décrits en JSON-LD.
- Plans de site XML séparés pour les pages, les articles, les catégories et les images.
- Manifeste d’application web et icônes dédiées pour l’ajout à l’écran d’accueil.
C’est la logique d’un thème WordPress sur mesure : chaque gabarit correspond à un besoin réel, et le SEO technique est intégré au thème plutôt qu’ajouté après coup par une pile d’extensions.
Mobile : l’action d’abord
Sur téléphone, le bouton « Lancer mon projet » passe en pleine largeur, juste sous l’accroche, avant toute autre information. Le menu se replie derrière une icône et les cartes d’expertise s’empilent pour rester lisibles au pouce.
Pour quels projets ce modèle convient
Ce schéma convient à toute entreprise dont les demandes entrantes diffèrent beaucoup les unes des autres : agence, cabinet de conseil, bureau d’études, prestataire B2B. Dès que l’offre couvre plusieurs métiers ou plusieurs niveaux de budget, un formulaire qui qualifie et une page par public font gagner du temps à chaque réponse.
Ce que j’en retiens
Sur un site d’agence, le formulaire compte autant que le design. Une demande qui arrive avec un type de projet, une tranche de budget et une échéance se traite en une réponse. Séparer les publics évite aussi de mélanger prospects, partenaires et investisseurs dans la même boîte de réception.
Vous préparez un site qui doit générer des demandes qualifiées plutôt que de simples visites ? Décrivez-le sur la page demande de devis ; les fourchettes de prix d’un site vitrine sont détaillées sur la page tarifs WordPress.