Fi3

Création UX et UI d’un premier site web pour Fi3, une firme-conseil spécialisée en immobilier d’impact. Le défi : rendre une expertise complexe claire, crédible et facile à comprendre.

Design UI Design UX Entreprise de services
Un ordinateur posé sur un bureau en bois affiche un site web français. Il est flanqué de lampes et de plantes vertes, devant un mur lambrissé de rouge orné d'étagères sur lesquelles sont disposés des livres et des objets de décoration, créant ainsi un espace de travail confortable et moderne.

Présenter clairement une expertise spécialisée et multidisciplinaire.

Défi

Architecture de l’information, wireframes UX et maquettes UI.

Mon rôle

Création complète d’une première présence web.

Contexte

Une offre complexe rendue plus claire et accessible.

Résultat

Contexte

Fi3 est une firme de services-conseils spécialisée en immobilier d’impact. Elle accompagne des organisations publiques, privées et communautaires dans des projets liés à l’investissement, au développement stratégique et aux politiques publiques.

Avant notre collaboration, Fi3 n’avait pas de site web pour présenter son offre, son expertise et sa façon de travailler.

Le mandat consistait donc à créer une première présence web capable de rendre cette expertise complexe plus simple à comprendre, tout en reflétant le sérieux et l’approche humaine de la firme.

Le projet a été réalisé en collaboration avec Bobby Audet au développement web.

Problèmes identifiés

Fi3 devait expliquer une expertise très spécialisée à plusieurs types de clientèles, sans rendre le contenu trop lourd ou difficile à comprendre.

  • Une offre multidisciplinaire à structurer clairement
  • Plusieurs types de clientèles à rejoindre
  • Aucun site existant sur lequel s’appuyer
  • Une image professionnelle et crédible à créer
  • Une dimension d’impact social à faire ressortir sans alourdir le message
Une page web au design sombre, intitulée « Fi3 ». L'écran affiche les profils des équipes avec des images de remplacement, du texte d'exemple et deux noms : Julie Favreau et Charles Chateavert. L'arrière-plan est bleu. Avant
Capture d'écran de la page de l'équipe Fi3 présentant des photos de deux membres de l'équipe, Julie Favreau et Charles Chateauevert, ainsi qu'une déclaration de mission en français sur fond noir. Les logos des organisations partenaires figurent en dessous. Après

Enjeux stratégiques

Le principal enjeu était de trouver le bon niveau de simplification.

Le site devait permettre à des visiteurs qui ne connaissent pas nécessairement tout le vocabulaire du secteur de comprendre rapidement ce que fait Fi3, à qui ses services s’adressent et dans quels types de projets la firme intervient.

Il fallait aussi créer une structure suffisamment souple pour que le site puisse évoluer avec l’entreprise.

L’objectif : rendre une expertise pointue facile à comprendre sans perdre sa profondeur.

Processus

  • Architecture d’information
  • Wireframes UX
  • Maquettes visuelles UI
  • Prototype et responsive
  • Développement web
Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Une expertise plus claire

Une offre multidisciplinaire a été structurée pour permettre aux différents publics de mieux comprendre les services de Fi3.

Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Une image plus crédible

L’interface a été pensée pour refléter une firme sérieuse, humaine et engagée dans des projets à impact.

Un simple dessin au trait représentant un ordinateur portable fermé, vu de face, l'écran tourné vers l'avant et le clavier visible.

Une base évolutive

La structure du site a été conçue pour pouvoir évoluer avec l’organisation et ses futurs besoins.

Ce projet m’a rappelé que simplifier une expertise ne veut pas dire l’appauvrir. Le vrai défi était de trouver une structure qui permette aux visiteurs de comprendre rapidement ce que fait Fi3, tout en conservant la profondeur et la crédibilité de son offre.

C’est aussi un bon exemple de l’importance de l’architecture de l’information avant même de commencer le travail visuel.

Travailler sur un mandat en création pure pour une firme-conseil à fort enjeu public, c’est apprendre à naviguer entre la rigueur du positionnement stratégique et la clarté attendue par des décideurs qui n’ont pas de temps à perdre. Ce projet m’a confirmé que la structure de l’information est le premier acte de design avant même la première maquette.

Marie-Eve a réussi à donner vie à notre vision de présence web que nous voulions simple mais claire et graphiquement agréable. Nous recommandons sans hésitation ses services!

- Charles Chateauvert

Directeur des opérations chez Fi3