Le projet
Site principal de l’agence Renard Digital. L’objectif : présenter clairement l’offre (site pro + domaine + email inclus), rassurer les prospects et générer des demandes de projet sans jargon technique.
Sections incluses
Hero
- Titre impactant : “Création de site web professionnel clé en main”
- Sous-titre : “Site professionnel + nom de domaine + email inclus. Un seul interlocuteur, zéro prise de tête technique.”
- Deux CTA : discuter du projet + voir les tarifs
- Emoji mascotte 🦊 pour la personnalité
L’offre tout-en-un
4 piliers clés avec icônes :
- 🌐 Site web professionnel
- 📧 Email professionnel
- 🔗 Nom de domaine
- 🛡️ Maintenance incluse
Pourquoi choisir Renard Digital
3 différenciateurs en 3 étapes :
- Un seul interlocuteur
- Expertise technique réelle
- Accompagnement humain
Cible
6 types de clients visés avec icônes : artisans, professions libérales, consultants, commerces, startups, PME
FAQ
5 questions fréquentes :
- Délai de création (2-4 semaines)
- Emails inclus (oui, @votredomaine.fr)
- Modification du site après (oui, formation incluse)
- Optimisation SEO (oui, natif)
- Prix (à partir de 990€ tout inclus)
- Formulaire de contact
- Lien vers questionnaire Tally
- CTA “Discutons de votre projet”
Design & UX
Identité visuelle
- Orange (fox) comme couleur primaire
- Fond clair et moderne
- Emoji 🦊 comme mascotte
- Design clean sans être “corporate”
Mise en page
- Sections alternées (blanc/gris léger)
- Grilles adaptatives
- Cards avec hover effects
- Beaucoup d’espace blanc
Focus conversion
- CTA multiples dans la page
- Formulaire simple
- Lien vers questionnaire Tally pour qualifier les leads
- Téléphone en bas de page
Tech Stack
- Framework: Astro 5 (static site)
- Styling: Tailwind CSS v4 avec thème personnalisé
- Components: DaisyUI pour les composants UI
- Type Safety: TypeScript strict mode
- Form: Formulaire de contact + intégration Tally
- Blog: Blog Astro intégré
- SEO: Optimisé nativement (sitemap, meta tags, performance)
Défis résolus
Simplicité du message
Offre complexe (site + domaine + email + maintenance) présentée simplement en 4 piliers clairs pour être immédiatement compréhensible.
Crédibilité
3 différenciateurs bien mis en avant pour se distinguer des agences impersonnelles et des freelances injoignables.
Qualification des leads
Lien vers questionnaire Tally pour qualifier les prospects avant le contact, optimisant le temps d’échange.
Ce qui distingue ce projet
- Offre “tout-inclus” claire et simple
- 3 différenciateurs forts (interlocuteur unique, expertise réelle, accompagnement humain)
- FAQ complète pour lever les objections
- Qualification des leads via questionnaire Tally
- Blog intégré pour le SEO
- Design personnalisé avec mascotte 🦊
- Performance et SEO natifs