Aller au contenu

Création de site vitrine

Votre site doit faire avancer vos prospects avant même le premier échange.

Nous structurons votre offre, vos preuves et vos parcours pour transformer votre site en véritable support commercial. Puis nous construisons un système que votre équipe peut faire vivre.

Cleany · Site vitrine · Framer · SEO
Votre site aujourd’hui

Votre entreprise a avancé.Votre site raconte peut-être encore l’étape d’avant.

  1. 01

    Votre offre a évolué.

    Vos services sont plus structurés, plus complets ou plus ambitieux qu’au moment où le site a été créé.

  2. 02

    Votre niveau réel est supérieur à votre perception digitale.

    L’entreprise rassure pendant un rendez-vous. Le site, lui, ne produit pas encore la même impression.

  3. 03

    Vos commerciaux compensent le site.

    Ils doivent encore réexpliquer ce que vous faites, envoyer les bonnes références et rassurer manuellement.

C’est cet écart que la refonte doit réduire.

Vous possédez déjà un site ?Découvrir notre approche de la refonte

Avant le premier rendez-vous

Un bon site B2B travailleavant vos commerciaux.

  1. 01 · Comprendre

    Comprendre rapidement votre activité et votre offre.

  2. 02 · Rassurer

    Percevoir immédiatement votre niveau et votre crédibilité.

  3. 03 · Prouver

    Trouver les réalisations, références et éléments de confiance adaptés.

  4. 04 · Qualifier

    Identifier si votre entreprise correspond à son besoin.

  5. 05 · Faire agir

    Contacter, demander un devis ou prendre rendez-vous.

Un projet concret

Quand l’offre devient plus claire,le site peut enfin jouer son rôle.

Site vitrine · Refonte · Framer · SEOCleany

Clarifier une offre devenue plus riche et donner davantage de visibilité aux expertises de Cleany.

cleany.fr
Page d’accueil du site Cleany sur ordinateur
  1. 01StructureClarifier les expertises et les parcours.
  2. 02PreuveFaire remonter les cas, les références et la crédibilité.
  3. 03ConversionOrienter vers des demandes plus contextualisées.
Avant le design

Deux heures pour comprendreavant de produire.

Le premier travail n’est pas de choisir une couleur ou une animation. Nous passons deux heures avec vos clients pour comprendre comment une décision d’achat se construit, et nous posons avec vous le reste : votre activité, vos offres, votre marché et le projet.

01Votre activité

  • Modèle économique
  • Offres
  • Services
  • Marges et priorités, si utile
  • Différenciation

02Vos clients

  • Meilleurs clients
  • Décideurs
  • Personas
  • Motivations
  • Objections

03Votre vente

  • Cycle de vente
  • Points de friction
  • Questions récurrentes
  • Rôle des commerciaux
  • Demandes entrantes

04Votre marché

  • Concurrents
  • Alternatives
  • Positionnement
  • Standards du secteur

05Le projet

  • Objectifs
  • Contenus
  • SEO
  • Fonctionnalités
  • Contraintes internes
  • Autonomie attendue

On ne sort pas de cette session avec « des notes ». On sort avec la matière qui permet de cadrer le projet.

Pour qui construit-on ?

Nous ne dessinons paspour un « utilisateur ».

Nous construisons pour la personne qui doit vous choisir.

Nous passons deux heures avec vos clients pour comprendre leur parcours : ce qui les amène vers vous, ce qu’ils comparent, ce qui les fait hésiter et ce qui les décide.

Exemple, après deux heures avec vos clients
Persona principalDirecteur général ou responsable marketing

Décideur chez l’un de vos clients B2B

  1. 01

    Pourquoi arrive-t-il sur le site ?

    Il prépare un rendez-vous, compare des prestataires ou vérifie une recommandation.

  2. 02

    Qu’essaie-t-il de comprendre ?

    Ce que vous faites exactement, pour qui, et si vous traitez des situations comme la sienne.

  3. 03

    À quoi compare-t-il votre entreprise ?

    Aux prestataires déjà consultés, et à l’idée qu’il se faisait de votre niveau.

  4. 04

    Quelles sont ses objections ?

    Le risque de se tromper, le délai, le budget et la charge pour son équipe.

  5. 05

    Quelles preuves vont réellement le rassurer ?

    Des réalisations proches de son contexte, une méthode claire et des interlocuteurs identifiés.

  6. 06

    Quelle action doit être facile ?

    Décrire son besoin ou prendre rendez-vous, sans chercher.

Chaque page est ensuite construite pour répondre à une fonction précise dans ce parcours.

Un livrable avant la maquette

Vous validez le fondavant qu’on dessine la forme.

À partir de l’immersion et des recherches, nous synthétisons les décisions structurantes du projet dans un cadrage que nous validons ensemble avant la direction artistique.

Cadrage stratégique WebCrewPartie 1 / 3
Partie 1

Votre entreprise

  1. 01Contexte business
  2. 02Objectifs
  3. 03Personas
  4. 04Parcours d’achat
  5. 05Objections
  6. 06Proposition de valeur
Validé

Cadrage validéDirection artistique

Du business vers le site

Chaque page doit avoir un rôle.

L’architecture ne vient pas du nombre de pages que vous souhaitez. Elle vient des informations dont vos prospects ont besoin pour avancer.

Exemple d’architecture
  • Accueil
  • Services
    • Service A
    • Service B
    • Service C
  • Réalisations
    • Projet A
    • Projet B
    • Projet C
  • À propos
  • Ressources
  • Contact
  1. 1ArrivéeAccueil
  2. 2CompréhensionService A
  3. 3PreuveProjet A
  4. 4RéassuranceÀ propos
  5. 5QualificationRessources
  6. 6ContactContact
Du cadre à l’expérience

Le design arriveaprès les bonnes questions.

  1. 01Direction artistiqueUne interface premium, fidèle au niveau de votre entreprise.
  2. 02UX/UIDes parcours clairs, page par page.
  3. 03ResponsivePensé d’abord pour le mobile.
  4. 04DéveloppementUne intégration Framer propre et maintenable.
  5. 05CMSDes contenus que votre équipe modifie seule.
  6. 06SEO et migrationBases SEO, redirections et structure en place.
  7. 07QAFormulaires testés, pages vérifiées sur chaque écran.
  8. 08Mise en ligneGoogle Analytics 4 et Search Console en place, puis la formation.
Votre espace projet

Votre projet n’est jamaisune boîte noire.

Planning, livrables, équipe, validations, feedbacks et prochaines actions : vous disposez d’un espace projet centralisé pour savoir où nous en sommes et ce qui vient ensuite.

Portail projet · Notion
✌️WebCrew x Votre entreprise
👋 Bienvenue dans votre portail client !Ravis de vous accompagner ! Vous retrouverez ici toutes les informations ainsi que les documents liés à notre collaboration.
⏳Timeline
Début du projet → mise en ligne
🎯Objectifs
Clarifier l’offre · Plus de demandes entrantes
📚RessourcesBrand briefing → à remplir par vousAccès → à remplir par vousCadrage stratégique → PDF
🚀 Équipe projet
DesignMelissa · OlcayDevMathieu · YavuzGestion de projetEmir
🗓️ Timeline• Semaines 1-2 : immersion et cadrage• Semaines 3-5 : architecture et direction artistique• Semaines 6-8 : webdesign• Semaines 9-11 : développement, SEO et QA• Semaine 12 : mise en ligne et formation
📅 Meetings
Kick-offTerminé📄
Validation du cadrageTerminé📄
Validation de la DAÀ venir📄
FormationÀ venir📄
✅ Étapes
NomÉtapeStatutOwner
1. Call kick-off0. StartTerminéWebCrew
2. Brand briefing0. StartTerminéClient
5. Look & Feel (DA)1. DesignEn coursWebCrew
14. Mise en ligne5. EndÀ faireWebCrew
Progression2516 restantes
  1. 01Équipe projetQui s’occupe de quoi sur votre projet : design, développement et gestion de projet.
  2. 02ObjectifsCe que le site doit produire pour votre entreprise, posé dès le départ.
  3. 03Brand briefingLe formulaire complet à remplir de votre côté, avec les accès et les contenus à fournir.
  4. 04PlanningLa timeline du projet, semaine par semaine, jusqu’à la mise en ligne.
  5. 05MeetingsChaque réunion avec votre équipe, son statut et son compte rendu.
  6. 06ÉtapesToutes les étapes, du kick-off à la livraison, avec qui s’en occupe : WebCrew ou vous.
  7. 07To-doCe qu’il reste à faire, et combien de tâches avant la mise en ligne.
Après la livraison

Votre équipe garde la main.

Nous identifions dès le cadrage ce que votre équipe doit pouvoir modifier seule, puis nous construisons le CMS et la transmission autour de ces besoins.

  1. 1Ouvrir le CMSLes collections Framer sont préparées pour votre équipe.
  2. 2Ajouter ou modifierRéalisations, services ou ressources : les champs sont prêts, sans code.
  3. 3PublierUn clic, et la mise à jour est en ligne.

La bonne technologie,quand elle répond au projet.

Pour de nombreux sites marketing et B2B, Framer nous permet de réunir liberté créative, performance, CMS et autonomie. Mais la plateforme est un choix de conception, pas le point de départ du projet.

Découvrir notre approche Framer
Framer
  • CMSDes contenus modifiables sans toucher au code.
  • PerformanceDes pages rapides, sans maintenance technique lourde.
  • AutonomieVotre équipe fait évoluer le site elle-même.

Refondre sans oublierce qui existe déjà.

Une refonte ne doit pas effacer aveuglément l’historique du site. Nous identifions ce qui mérite d’être conservé et préparons la migration dans le cadre du projet.

Découvrir notre approche SEO
  1. 1URL existantes
  2. 2Pages importantes
  3. 3Nouvelle architecture
  4. 4Mapping
  5. 5Redirections
  6. 6Métadonnées
  7. 7Tracking
  8. 8Recette
  9. 9Mise en ligne

Ce qu’un projet peut inclure.

Le plus souvent

  • Cadrage stratégique
  • Architecture
  • Copywriting
  • UX/UI
  • Direction artistique
  • Responsive
  • Développement
  • CMS
  • Fondations SEO
  • Recette
  • Formation
  • Transmission

Selon le projet

  • Migration complexe
  • Multilingue
  • Intégrations
  • Motion avancé
  • Tracking avancé
  • Création de contenus
  • Optimisation continue
Questions fréquentes

Les questions qu’on nous pose
sur les sites vitrines.

Pour les sites vitrines, nous travaillons avec Framer : pour une PME qui veut un site clair, rapide et autonome à maintenir, c’est souvent le plus adapté. La plateforme reste un choix de conception : si votre projet demande autre chose, nous vous le disons dès le premier échange.

Prêt à avancer ?

Votre site doit-il mieux refléter l’entreprise que vous êtes devenue ?

Parlez-nous de votre activité, de votre site actuel et de ce que vous souhaitez faire évoluer.