Processus

Audit technique complet
de votre existant

On commence par un audit technique complet de votre existant. Si vous avez déjà un site ou une plateforme, on analyse les technologies actuelles (quels outils, quelles versions, quelles dépendances). On identifie la dette technique (cet ancien code qui traîne depuis 2015 et que personne n’ose toucher). On mesure la performance réelle (temps de chargement, indicateurs de performance web). On évalue la sécurité (failles connues, conformité RGPD).

Côté expérience utilisateur, on analyse les parcours : où ils bloquent, où ils abandonnent, ce qu’ils ne trouvent pas. On identifie ce qu’ils regardent vraiment (spoiler : rarement ce que vous imaginez).

Si vous avez choisi d’intégrer une prestation UX Design, on organise des ateliers en présentiel, si possible. On réunit les utilisateurs impliqués. Parce que chacun a une vision différente et toutes sont importantes. On priorise les fonctionnalités. Pas ce qui serait « sympa d’avoir », mais ce qui a vraiment de la valeur.

On fait aussi un benchmark concurrence. On analyse 5 à 8 concurrents directs, on identifie les meilleures pratiques du secteur, on repère les opportunités de différenciation. Et on fait de la veille technologique pour voir ce qui marche ailleurs et qui pourrait s’appliquer à votre contexte.

À la fin de cette phase, nous vous présentons une analyse qui comprend vos enjeux spécifiques : synthèse des enjeux fonctionnels et techniques, architecture recommandée, planning et risques identifiés avec leur solution.

On commence par l’architecture et l’arborescence du site ou de la plateforme (maximum 3 niveaux de profondeur, sinon c’est perdu d’avance). Navigation principale et secondaire. Taxonomie complète (catégories, étiquettes, filtres). Si ça ne marche pas à ce stade, on modifie. Pas question de partir sur du bancal !

Ensuite viennent les maquettes fonctionnelles (que l’on appelle également zonings) sur mobile et/ou ordinateur selon votre projet. On documente les scénarios d’usage détaillés (parcours types des utilisateurs). On prévoit les cas d’erreur et les situations particulières (parce que Murphy avait raison, tout ce qui peut mal tourner tournera mal). La version mobile est pensée dès la maquette, pas ajoutée après coup.

Une fois les maquettes fonctionnelles validées, on passe à la réalisation des maquettes graphiques. Notre studio travaille sur la base de votre charte graphique existante ou des éléments visuels que vous nous avez fournis. On vous fait une proposition graphique complète sur laquelle vous pouvez faire des ajustements (jusqu’à 3 allers-retours).

Les maquettes sont réalisées sur Figma avec toute la navigation fonctionnelle, les effets au survol, les animations et transitions. Vous recevez un lien sur lequel vous pouvez directement déposer vos commentaires et retours pour le studio graphique. Comme ça, pas de ping-pong d’emails interminables, tout est centralisé au bon endroit.

Nos maquettes contiennent une bibliothèque des composants réutilisables que vous aurez à disposition sur le back-office de votre site et tiennent compte des règles d’accessibilité WCAG AAA (pas AA, AAA, on vise l’excellence).

On intègre les systèmes complexes dont vous avez besoin. Logiciels de gestion comme SAP, Sage ou Odoo pour les stocks, commandes, facturation. Logiciels de relation client comme Zoho, Salesforce ou HubSpot pour vos prospects, clients, pipeline commercial. Catalogues produits enrichis comme Akeneo, Salsify ou Digipédia si vous gérez beaucoup de références. Solutions de paiement (Stripe, PayPal, PayFIP) pour un processus d’achat sécurisé.

On teste en continu pendant tout le développement. On porte un soin particulier à l’accessibilité et à la performance avec un objectif de chargement inférieur à 1 seconde (score Lighthouse 95 minimum, on ne transige pas là-dessus). On ne lésine pas sur la sécurité grâce à des analyses de vulnérabilités régulières. L’adaptation est testée du mobile aux écrans 4K et la compatibilité avec les navigateurs les plus utilisés : Chrome, Firefox, Safari et Edge.

On commence par former vos équipes une demi-journée en visioconférence ou en présentiel. On vous apprend à gérer le contenu, créer des pages et ajouter les médias.

On fournit une documentation complète (Guide utilisateur et éventuellement vidéos). Il n’y a pas de questions bêtes ! On préfère que vous posiez 50 fois la même chose plutôt que de faire une fausse manipulation.

Ensuite, c’est à vous ! Vous saisissez vos contenus dans le site. Vos textes, vos images, vos produits si c’est un e-commerce, vos actualités, vos références clients. C’est votre contenu, vous le maîtrisez mieux que nous. On vous donne les outils et les compétences pour le faire en autonomie.

On reste disponibles pendant toute cette phase. Si vous bloquez sur une manipulation, si vous avez un doute sur la bonne façon de faire quelque chose, on est là. Support par email, visio si nécessaire. L’objectif c’est que vous soyez autonomes, mais pas abandonnés.Vous recevez les vidéos des sessions de formation en visio (à garder pour les nouveaux arrivants), l’accès à votre environnement de saisie et notre guide utilisateur pour vous accompagner.

Une fois que vous avez saisi vos contenus, on passe aux tests finaux complets : on expérimente tous les scénarios critiques avec votre contenu réel, pas nos contenus de démonstration. Passer une commande, effectuer un paiement, se connecter, remplir un formulaire de contact, télécharger un document… On teste tout !

On fait la vérification du référencement (fichier robots, plan de site, redirections pour ne perdre aucun positionnement si c’est une refonte), on réalise les tests de charge pour vérifier que ça tiendra le trafic prévu ainsi que les tests de compatibilité des navigateurs, une dernière fois, sur tous les contenus.

S’il y a des données à migrer depuis votre ancien site (historique commandes, comptes clients, articles de blog), on le fait de manière sécurisée. Nous réalisons des tests complets de la migration sur l’environnement de test. Les scripts de migration sont automatisés et documentés. Une procédure de retour arrière prévue si un problème est détecté.

Puis on lance. Toujours un mardi, mercredi ou jeudi pour avoir le temps de corriger si besoin (et sans ruiner le week-end de tout le monde !)

Les 48 heures qui suivent le lancement, on surveille le trafic et on reste disponible par téléphone, email, ticket… si besoin, on réalise des corrections urgentes.