La relance du site Web d'Imaginary Cloud a entraîné une augmentation de 5 % des conversions en seulement 3 mois

Écran surligné

À propos de ce projet

Conscients de l'importance d'une interface et d'une expérience utilisateur optimisées pour favoriser la conversion, nous avons repensé notre site web à la suite de notre audit de croissance et processus webflow.

Résultat : Cette refonte a permis d'augmenter les conversions de 5 %, et ces chiffres continuent de progresser.

notre IMPLICATION

Design

Développement

technologies

Webflow

Adopter une approche axée sur les données pour la transformation des sites Web

Motivés par notre engagement à fournir une expérience en ligne exceptionnelle, nous avons réalisé un audit de croissance à l'aide d'outils analytiques tels que Google Analytics et Hotjar, ainsi que des entretiens en temps réel avec les utilisateurs afin de comprendre ce que les utilisateurs recherchaient réellement lorsqu'ils accédaient à un site Web de développement logiciel.

Avec Google Analytics, nous avons étudié en profondeur des indicateurs clés tels que le temps par page, le taux de rebond et les taux de conversion. Ces données quantitatives ont fourni des informations précieuses sur le comportement des utilisateurs, nous permettant d'identifier les domaines à améliorer. Forts de ces connaissances, nous avons affiné nos wireframes, optimisé l'engagement et créé un parcours utilisateur fluide.

En parallèle, Hotjar est devenu notre allié, capturant les interactions des utilisateurs par le biais de cartes thermiques, d'enregistrements de sessions et de commentaires des utilisateurs. Ces données qualitatives ont dévoilé les préférences des utilisateurs, les points faibles et les opportunités d'amélioration. Cela nous a permis d'affiner de manière itérative nos wireframes, en veillant à ce qu'ils soient conçus de manière intuitive pour répondre aux attentes en constante évolution de nos utilisateurs.

Les entretiens avec les utilisateurs nous ont aidés à façonner la personnalité principale d'Imaginary Cloud, composée d'utilisateurs à la recherche d'un fournisseur de services adapté à leur taille et à leur culture, et dont le processus est rapide, flexible et adapté à leurs besoins.

Bien que la refonte initiale du site Web ait apporté des améliorations significatives, il est important de mentionner que les paysages numériques sont en constante évolution. La nature dynamique des préférences des utilisateurs, des avancées technologiques et des tendances du marché nécessite une surveillance et une adaptation continue. En analysant régulièrement les données et en recueillant les commentaires des utilisateurs, nous veillons à ce que notre site Web reste réactif, attrayant et adapté à l'évolution des besoins des utilisateurs modernes. Cet engagement continu nous permet de proposer une expérience en ligne exceptionnelle et de conserver une longueur d'avance dans un monde numérique compétitif.

Écran de projet de cloud imaginaire
La relance du site Web d'Imaginary Cloud a entraîné une augmentation de 5 % des conversions en seulement 3 mois
Le rôle et l'implication de notre propre équipe dans le processus de refonte

Comme nous avions une connaissance approfondie de nos systèmes, de nos données et de la structure de notre contenu, nous avons réalisé la conception et la mise en œuvre du site Web d'Imaginary Cloud en interne.

Notre équipe de conception a conçu un guide de style, un système de conception et tous les wireframes sur Figma, en tenant compte des principes de convivialité, d'accessibilité et d'attrait visuel. Après l'approbation de la conception, nous avons procédé à la phase de développement. Notre équipe de développement Webflow a utilisé toutes les meilleures pratiques identifiées lors de la phase d'analyse pour donner vie aux wireframes. Nous sommes ensuite concentrés sur l'optimisation des performances, la réactivité et l'intégration fluide de toutes les fonctionnalités et des outils tiers.

Nos connaissances nous ont permis d'élaborer un plan méticuleux et d'effectuer une migration en douceur. Nous avons suivi une approche réfléchie, combinant notre expertise et notre réflexion stratégique pour atténuer les éventuels défis. Des tests approfondis, des plans de sauvegarde complets et une mise en œuvre minutieuse ont permis de garantir un processus de migration fluide.

La relance du site Web d'Imaginary Cloud a entraîné une augmentation de 5 % des conversions en seulement 3 moisUN NOUVEAU PROJET EN TÊTE ? DISCUTONS-EN

pendant le projet

Pour cette refonte, nous avons tiré parti de notre propre PDP (Product Design Process). Reconnaissant l'importance d'une approche structurée et centrée sur l'utilisateur, nous avons commencé ce projet avec une feuille de route claire en place.

Tout au long du processus, des boucles de feedback et des itérations régulières nous ont permis de rester alignés et d'intégrer les correctifs nécessaires en cours de route.

deux étapes

Migration
Développement

quatre étapes

Recherche
Idéation
Exécution
Évaluation technique

quatre étapes

Besoins
Intégration back-end
Développement de site web
Filtrage et recherche avancés

quatre étapes

Recherche
Idéation
Exécution
Évaluation technique

quatre étapes

Backlog
Bootstrap
Vague 0
Vague N

quatre étapes

Recherche
Idéation
Exécution
Lancement et transfert

deux processus

MVP
‍ADP

Quatre étapes

Réunion de cadrage
Revue de code
Revue de test
Revue de qualité
Évaluation

Quatre étapes

Backlog
Bootstrap
Vague 0
Vague N

durant le projet

Pour cette refonte, nous avons tiré parti de notre propre PDP (Product Design Process). Reconnaissant l'importance d'une approche structurée et centrée sur l'utilisateur, nous avons commencé ce projet avec une feuille de route claire en place.

Tout au long du processus, des boucles de feedback et des itérations régulières nous ont permis de rester alignés et d'intégrer les correctifs nécessaires en cours de route.

TECHNOLOGIES utilisées

Webflow
Webflow
Figma
Figma

Notre site Web était déjà construit sur Webflow ; en restant au sein du même écosystème, nous avons maximisé notre efficacité, car notre connaissance de la plateforme nous a permis de tirer parti de ses fonctionnalités, de son interface intuitive et de ses nombreuses options de personnalisation.

Nous avons créé le guide de style, le système de conception et les nouveaux wireframes sur un fichier Figma collaboratif.

Écran du modèle de travail
modèle de travail et équipe

Nous avons mis en œuvre le Model of work for managed projects ce qui impliquait de développer le projet entièrement en interne.

L'équipe comptait un chef de projet qui supervisait la planification, la coordination et l'exécution, en gérant les délais, les ressources et les objectifs ; 4 concepteurs qui ont collaboré à la création de la conception et à la mise en œuvre des nouvelles pages via Webflow ; et 2 développeurs qui ont travaillé aux côtés de 2 spécialistes de la croissance pour optimiser les performances, le code et aider à atténuer les risques potentiels pendant la phase de migration.

résultats clés

Ce projet a permis une compréhension approfondie du profil client et de son interaction avec le service.

5 %

Les conversions ont augmenté de 5 % 3 mois après le lancement et ce n'est pas fini

3 %

Le temps passé sur la page a augmenté de 3 %

-4,26 %

Le taux d'abandon de pages a diminué de 4,26 %

69 %

Le temps moyen par page sur toutes nos pages de services est 69 % plus long

UX/UI

Création d'un site Web captivant qui communique efficacement les services d'Imaginary Cloud

Clutch logo

5,0

5/5 stars rating
Logo Imaginary Cloud
Devis
Dropdown caret icon

Nouveau projet en tête ?

Soumettre le formulaire de contactillustration of someone at the computer

Un nouveau projet en tête ?
Discutons-en !

Schedule Meeting icon
réponse en moins d'une heure
illustration of someone at the computer
Expliquez votre projet et réservez une réunion dès aujourd'hui.