Echosoft — Refonte UX/UI et site web

Étape 1 — Analyse UX, architecture et plan de site

Comme pour chaque projet digital, nous avons débuté par une analyse approfondie :

• étude des besoins,
• définition des fonctionnalités,
• organisation du parcours visiteur,
• maillage interne,
• rédaction du plan de site et wireframes.

Les besoins d’Echosoft étaient multiples :

• présentation des services,
• mise en avant des solutions logicielles,
• mise en relation des services ↔ solutions ↔ réalisations,
• présentation de l’équipe,
• création d’un blog pour le référencement,
• espace de téléchargement (privé/public),
• formulaire de contact avancé,
• orientation des visiteurs selon le profil : indépendant, fiduciaire, entreprise.

Nous avons structuré un plan complet, cohérent, flexible et extensible.

Étape 2 — Design web & branding digital

À partir du logo existant, nous avons conçu un univers digital modernisé.

Pour un site riche en contenu dynamique, l’approche graphique s’est appuyée sur :

• une structure en blocs Bento Design,
• des modules “dossier” rappelant l’univers logiciel,
• des sliders colorés pour mettre en avant les contenus,
• une ambiance moderne, posée et professionnelle.

Chaque page solution peut personnaliser son thème coloré selon l’identité du logiciel intégré (ex : Sage → vert/noir, Exact → rouge/blanc).

Objectif : clarté, lisibilité, hiérarchie visuelle et impression de maîtrise technique.

Étape 3 — Mise en place d’un CMS Directus sur-mesure

Le back-office a été développé via Directus, entièrement personnalisé aux besoins d’Echosoft.

Modules créés :

• Services
• Solutions
• Articles (actualités & mises à jour logiciels)
• Réalisations
• Ressources (privées ou publiques)
• Menu solutions (gestion avancée du sous-menu)
• Équipe
• Utilisateurs (accès privé sécurisé)

Le système de permissions permet de protéger totalement une ressource, même lorsque l’URL directe est connue.

Chaque module interagit entre eux pour assurer un maillage interne optimal.

Étape 4 — Développement front-end & intégration complète

Le front-end a été développé avec les technologies web modernes, sur un domaine séparé du back-office pour une architecture saine, évolutive et sécurisée.

Avantages de cette architecture :

• remplacement du front sans toucher au back,
• remplacement du back sans toucher au front,
• possibilité d’alimenter d’autres plateformes (ex : app mobile),
• maintenance simplifiée,
• performance et sécurité renforcées.

Le site consomme les données via API, incluant un espace privé accessible aux utilisateurs connectés, dédié au téléchargement sécurisé de leurs ressources.

L’expérience est enrichie par des animations légères, intégrées sur les pages pertinentes.

Résultat

Le nouveau site Echosoft apporte :

• une UX claire, structurée et intuitive,
• un design moderne et valorisant,
• une architecture solide et pérenne,
• un CMS Directus sur-mesure parfaitement adapté,
• une plateforme évolutive répondant aux besoins présents et futurs,
• un véritable outil commercial, technique et informatif.

Une refonte complète alignée sur l’expertise et les standards technologiques d’Echosoft.