Refonte et optimisation du site web d'une startup SaaS

0
bug critique
5
nouvelles landing page
100%
design responsive
Amc SA

AMC est une entreprise SaaS basée à Toulouse, spécialisée dans les outils de gestion de patrimoine et les applications de conseil financier pour les professionnels. Leur site Webflow existant avait accumulé une série de problèmes au fil du temps : comportement responsive défaillant sur certains appareils, incohérences visuelles, problèmes d'espacement et bugs techniques qui rendaient le site daté et peu fiable. Ils avaient besoin d'un spécialiste Webflow pour diagnostiquer les problèmes, les corriger proprement et enrichir le site de nouvelles pages.

Diagnostiquer les problèmes

La première étape a été un audit complet du site existant. Plutôt que de me lancer directement dans les corrections, j'ai cartographié chaque problème de manière systématique : breakpoints responsive mal configurés sur tablette et mobile, éléments de mise en page désalignés sur grands écrans, incohérences d'espacement entre sections, et problèmes d'alignement du texte nuisant à la lisibilité.

Cette approche diagnostique est ce qui distingue une correction propre d'un travail de rafistolage. Comprendre pourquoi quelque chose est cassé est aussi important que de savoir comment le réparer, surtout dans Webflow où la structure des classes et l'héritage peuvent faire qu'un seul changement se répercute sur plusieurs pages.

Création des interfaces de amcsa.fr en design responsive
Création des interfaces de amcsa.fr en design responsive

Débogage responsive et optimisation de la mise en page

Avec une vision complète de ce qui ne fonctionnait pas, j'ai travaillé sur le site de manière systématique sur tous les breakpoints : desktop, grand écran, tablette et mobile. Chaque vue par appareil a été traitée comme un ensemble de problèmes indépendant, avec des corrections appliquées au bon niveau d'héritage pour éviter de créer de nouveaux conflits.

Au-delà de la correction des bugs, j'ai affiné la mise en page globale : ajustement des rythmes d'espacement, correction des alignements de texte, rééquilibrage des proportions de sections et garantie de cohérence visuelle de page en page. L'objectif n'était pas seulement un site fonctionnel, mais un site qui donne une impression de professionnalisme et d'intentionnalité.

Cinq nouvelles landing pages

En parallèle du travail de débogage, AMC avait besoin de nouvelles landing pages pour soutenir des lignes de produits spécifiques et des objectifs de conversion. J'ai conçu et développé cinq landing pages de zéro, construites dans le système de design existant pour assurer une cohérence visuelle avec le reste du site.

Chaque landing page a été structurée avec une hiérarchie claire : proposition de valeur, mise en avant des fonctionnalités, éléments de réassurance et appel à l'action ciblé. Les pages ont été construites pour être facilement dupliquées et adaptées à de futures campagnes sans nécessiter l'intervention d'un développeur.

Interface et identité visuelle de AMC et son site web developpé sur Webflow

Design graphique et supports de communication

Au-delà du travail web, j'ai créé une série d'éléments de design graphique pour les besoins de communication d'AMC. Ces visuels, alignés avec leur identité de marque, ont été conçus pour être utilisés sur des supports digitaux et print. Le brief était de maintenir le ton professionnel et rassurant approprié pour un produit fintech destiné aux professionnels de la gestion de patrimoine.

Résultat

Zéro bug critique restant. Un site entièrement responsive qui fonctionne de manière cohérente sur tous les appareils et tailles d'écran. Cinq nouvelles landing pages prêtes au déploiement. Et une structure Webflow suffisamment propre pour que l'équipe interne puisse la maintenir et la faire évoluer sans accumuler de nouvelle dette technique.

No items found.
passons à l’ action

Votre projet, notre prochaine étape

Discutons ensemble de vos besoins et transformons vos idées en un projet concret et efficace.

Parlez-moi de votre projet
En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés afin d'améliorer la navigation sur le site, et d'analyser l'utilisation.
Cookie Symbol