CX First

Maximiser les taux de conversion et l'engagement des prospects, en concevant et déployant, sous forte contrainte de délai, une landing page et un site internet visuellement impactants et fonctionnellement optimisés par une méthodologie IA/UI/UX.

Voir Moins

Contexte

Le client, Qualimetrie, dispose d’un produit nommé CX First.

Le site web de ce produit est vieillissant.



Le client souhaite refaire son site internet, dans un délais très cour.
Pour cela, il souhaite utiliser les possibilités offertes par l’IA. Ce projet c’est fait en mode discovery.

Probléme identifié (ux/business)

Designer un site internet dans un délais très court. Créer des animations sur l’ensemble du site.

Opportunité / Objectif

Evaluer tous ce que l’on peut faire avec l’IA aujourd’hui

Equipe

Développeurs front / back

Rôle

Product designer

Prés-requis

Avoir un benchmark design


Avoir un benchmark wireframe

Utiliser le plugin HTML to Figma pour importer un site web existant dans Figma


Utiliser Lovable ou Builder pour générer un design en partant d’un wireframe

Déroulé

1 - Le client sélectionne ces coups de cœurs dans le benchmarck landing page


2 -Avec le client  on structure sa page en utilisant des composants wireframe disponible dans le benchmark wireframe


3 - On utilise l’IA pour designer la structure choisi en fonction du design choisi

4 - Echange sur les corrections à apporter

Résultats

Animation

Le client souhaitez animer son site! Plus précisément, il souhaitez apporter certains effets de parallaxe, mais également animer 2 importants visuel du site Pour cela j’ai commencé par réaliser un storyboard de l’animation principale, car celle ci, était très complexe, puis j’ai utilisé le vibecoding pour là réaliser