Menu

Menu

Frida | Une identité digitale audacieuse

Frida | Une identité digitale audacieuse

Frida | Une identité digitale audacieuse

Frida | Une identité digitale audacieuse

J’ai conçu et mis en ligne le site de Frida, une communauté dédiée à l’empowerment féminin. De la structuration du contenu à l’optimisation SEO, chaque élément a été pensé pour offrir une navigation fluide, accessible et inspirante, reflétant l’esprit collaboratif et bienveillant des Frida.

Client

Frida

Expertises

DA, ui design, mise en ligne

Outils

Figma, Framer

Fonctionnalités

Connexion avec Airtable, animations

Logo de Frida
Logo de Frida
Logo de Frida

Le benchmark concurrentiel a révélé que peu de plateformes occupaient directement le même créneau que Frida, mais que de nombreux concurrents indirects existaient. Une analyse approfondie des sites existants a mis en évidence un manque d’identité forte : des designs souvent classiques, peu engageants et sans réelle originalité.

Après un échange avec ma cliente, il était clair qu’elle souhaitait une direction artistique affirmée, avec un univers pop, moderne et coloré. J’ai donc élargi l’analyse à des sites adoptant cette esthétique, afin de définir une identité visuelle unique et impactante pour Frida.

Une multitudes de capture d'écran de site concurrents et inspirants avec des anotations sur des posts it. les remarques sont floutés

Benchmark concurrents & sites inspirants

Une multitudes de capture d'écran de site concurrents et inspirants avec des anotations sur des posts it. les remarques sont floutés

Benchmark concurrents & sites inspirants

Une multitudes de capture d'écran de site concurrents et inspirants avec des anotations sur des posts it. les remarques sont floutés

Benchmark concurrents & sites inspirants

Pour Frida, la définition de l'architecture du site a nécessité un travail de traduction des besoins. Ma cliente, peu familiarisée avec les livrables design comme les sitemaps et wireframes, avait besoin d’un accompagnement adapté. J’ai donc mis en place des échanges réguliers, par visio et mail, afin de lui expliquer chaque étape et de m’assurer que les propositions correspondaient à sa vision. Ce processus a permis de valider progressivement l’architecture du site tout en rendant la démarche accessible et compréhensible.

4 écrans wireframes du site frida

Wireframes

4 écrans wireframes du site frida

Wireframes

4 écrans wireframes du site frida

Wireframes

Pour Frida, j’ai eu une grande liberté dans la conception du design et de l’interface, ce qui m’a permis de créer une expérience à la fois originale et vivante. En respectant la charte graphique validée, j’ai travaillé sur une mise en page dynamique, où chaque élément UI a été pensé pour sortir des codes classiques et apporter une identité forte au site.

L’une des particularités de ce projet réside dans l’ajout de micro-animations : elles insufflent du mouvement et rendent l’expérience plus engageante. Un exemple marquant est la barre de navigation, qui s’éloigne du modèle traditionnel grâce à un effet de scroll et de hover fluide et interactif, renforçant ainsi le dynamisme du site.

Nav Bar animée

Nav Bar animée

Nav Bar animée

capture d'écran de la page à propos du site internet de Frida

Page À propos

capture d'écran de la page à propos du site internet de Frida

Page À propos

capture d'écran de la page à propos du site internet de Frida

Page À propos

Prototype Interractif

Prototype Interractif

Prototype Interractif

Suivant

Suivant

Suivant

J’ai repensé entièrement le site du cabinet de conseil Attali Associates pour offrir une expérience fluide, dynamique, moderne et élégante. De l’audit ux|ui à la gestion de projet, en passant par la création d’animations et de vidéos, chaque détail a été conçu pour valoriser l’image du cabinet et faciliter la gestion des mises à jour.