Comment nous avons aidé l’équipe d’Expomaison à créer une plateforme web en partant de zéro ?

Problème

Expomaison est une idée de l’équipe de Maison Belle, une entreprise qui aide des particuliers à rencontrer des professionnels du bâtiment. Lors de leurs évènements “salon”, l’équipe a remarqué que les particuliers utilisaient de plus en plus internet pour collecter des informations et rencontrer des professionnels.

L’équipe s’est tourné vers Côté Clair pour la création de son salon interactif, www.expomaison.eu

Solution

Nous avons aidé notre client a reconstruire son idée pour l’adapter à l’expérience du web. Notre mission consistait à conceptualiser, designer et développer une plateforme web en partant de zéro

Résultats

  • 134
    Wireframes
  • 78 329
    Lignes de code

#1 Comprendre le problème

Création des personas

Avant de commencer le développement, nous avons créé des profils d’utilisateurs type. Ils nous ont permis de comprendre comment les particuliers trouvaient des informations concernant leur projet immobilier et comment ils décidaient de travailler avec un professionnel plutôt qu’un autre.

Cette base nous a permis de créer les scénarios d’utilisation de la plateforme.

expomaison-group


#2 Créer la plateforme, sans écrire de code

Une approche différente

Beaucoup de clients se tournent vers nous après avoir eu une mauvaise expérience avec d’autres agences. La cause principale est que le résultat final est rarement celui que le client avait en tête. A ce stade, les développeurs doivent souvent jeter du code à la poubelle et le client se retrouve souvent avec un supplément sur sa facture.

Création des wireframes

La création de wireframes est souvent négligée car beaucoup de développeurs préfèrent se lancer dans le développement plutôt que de prendre le temps nécessaire à penser aux incohérences d’utilisations. Les wireframes ont permis à notre équipe et à notre client d’être rapidement sur la même longueur d’onde.

Création d’une plate-forme web

#3 Définir l’identité du projet

Création d’une charte graphique

Pour le design, nous avons cherché à créer une atmosphère très visuelle et qui inspire la facilité d’utilisation. Nous voulions que les utilisateurs reconnaissent instantanément Expomaison (a travers les couleurs, la typographie, le design, etc…) tout en gardant une navigation similaire aux plateforme web les plus populaires tels que Ebay, Etsy, etc…

Après avoir défini les chartes graphiques, nous avons donné vie au wireframes. Sur base de la charte graphique, chaque écran des wireframes a été adapté.

styleguide-expomaison
Refonte de site internet
Original Image Après
Modified Image Avant

#4 Developpement technique de la plateforme

Un chantier sur des bases solides

Expomaison est un gros chantier. Pour le développement de la plateforme nous avons procédé par étape.

Nous avons commencé par coder les différents éléments qui se répétaient dans la plateforme. Une fois que la majeure partie de ces éléments était intégrée nous avons vu assemblé la plateforme bloc par bloc et travailler sur les détails.

Le plus important dans ce chantier était que la plateforme soit agréable à utiliser, rapide et construite sur une base solide. L’utilisation de NodeJS avec Amazon Web Services lié à MongoDB a permis d’obtenir le résultat escompté.

expomaison-node
expomaison-techno

#5 Tests et améliorations

Correction des derniers bugs

Pour une plateforme web, la différence se fait dans les détails.. Une fois la première phase de développement terminée, nous avons mis la plateforme à l’épreuve en réalisant une série de tests de cas d’utilisation réel. Nous avons pu identifié de dizaines de petits “bugs” (réduire les espaces, bouger des éléments, changer certains textes, ajuster des fonctionnalités, ….) avons anticipé les erreurs pour les utilisateurs.

expomaison-improve

#5 Préparer la plateforme pour le marketing

Avec des centaines de professionnels du bâtiment, ainsi que plusieurs milliers de produits, la plateforme a été conçue de manière à être référencée dans les moteurs de recherche (SEO) en répondant aux critères de Google.

Optimiser le code

Tout au long du développement du site, nous avons veillé à écrire du code adapté aux différents moteurs de recherche ce qui accélère l’indexation et augmente ainsi le trafic sur Expomaison.

Indexation bien faite

Nous avons optimisé le site de manière à indexer les pages dans les moteurs de recherches. (URL lisibles, pagination, méta tags, sitemaps, etc…)

Backlinks

Pour augmenter l’autorité du nom de domaine, nous avons mis en place un système de badge afin d’augmenter le nombre de backlinks. Le but est que les exposants partenaires installent ce badge sur leur site internet.

expomaison-final
expomaison-badges
expomaison-joseph-acunzo
Côté Clair a fait preuve d’une grande faculté d’écoute et d’intelligence conceptuelle pour traduire une idée en projet web concret avec succès. Le résultat est au dessus de mes attentes.Joseph Acunzo, directeur d’Expomaison