Robin

Site de Yellow-Br1cks

Projet Yellow-Br1cks : Refonte UX/UI et Intégration No-Code

Contexte : Refonte complète du site web de Yellow-Br1cks, une agence numérique spécialisée dans les solutions No-Code dans laquelle j’ai réalisé mon alternance. Ce projet a été mené en binôme, couvrant toutes les étapes de la conception, de l'UX à l'UI et jusqu'à l'intégration finale.

Démarche et Méthodologie :Le projet a suivi une démarche structurée pour garantir une expérience utilisateur optimisée et une identité visuelle forte :

  1. Conception UX (zoning & wireframing) : Nous avons débuté par le zoning sur papier, suivi d'un wireframe complet sur Figma. L'objectif était de réorganiser l'architecture de l'information (offres, formations, About) pour améliorer la clarté et la navigation, tout en se concentrant sur une expérience utilisateur fluide pour l'agence No-Code.
  2. Maquettage UI (accueil & déclinaison) : Nous avons chacun prototypé une version de la page d'accueil (Home), avant de les fusionner pour créer la version définitive. Ensuite, nous avons décliné cette maquette pour les pages secondaires (Formations, Offres, À Propos, etc.), en maintenant une cohérence visuelle.
  3. Création d'identité visuelle et d'assets (Mon Rôle Clé) : Mon rôle a été d'apporter une dimension graphique et illustrée forte.
    • Illustrations 3D Isométriques : En partant de la brique emblématique de Yellow-Br1cks (inspirée des LEGO), j'ai créé des illustrations isométriques (voir les captures) pour dynamiser les maquettes. J'ai décliné cette brique sous différentes formes pour symboliser les concepts complexes de la formation et du No-Code.
    • Visuels d'Offres : J'ai conçu des visuels spécifiques pour chacune des offres de l'agence, renforçant la clarté et l'attractivité des services proposés.
  4. Intégration technique : Le site a été intégralement construit sur Webflow, démontrant notre capacité à passer de la maquette au produit fonctionnel en utilisant des outils No-Code.

Résultats :

Un site web modernisé, dont l'identité visuelle est immédiatement reconnaissable et pertinente pour une agence No-Code (l'idée de construire et d'assembler, comme des briques). La nouvelle structure offre une navigation plus intuitive pour présenter les services et les formations.

Rôle :

UI/UX Designer (en binôme), Création de l'identité visuelle et des illustrations 3D/Isométriques, Déclinaison des maquettes UI, Intégration finale sur Webflow.

Robin

Site de Yellow-Br1cks

Projet Yellow-Br1cks : Refonte UX/UI et Intégration No-Code

Contexte : Refonte complète du site web de Yellow-Br1cks, une agence numérique spécialisée dans les solutions No-Code dans laquelle j’ai réalisé mon alternance. Ce projet a été mené en binôme, couvrant toutes les étapes de la conception, de l'UX à l'UI et jusqu'à l'intégration finale.

Démarche et Méthodologie :Le projet a suivi une démarche structurée pour garantir une expérience utilisateur optimisée et une identité visuelle forte :

  1. Conception UX (zoning & wireframing) : Nous avons débuté par le zoning sur papier, suivi d'un wireframe complet sur Figma. L'objectif était de réorganiser l'architecture de l'information (offres, formations, About) pour améliorer la clarté et la navigation, tout en se concentrant sur une expérience utilisateur fluide pour l'agence No-Code.
  2. Maquettage UI (accueil & déclinaison) : Nous avons chacun prototypé une version de la page d'accueil (Home), avant de les fusionner pour créer la version définitive. Ensuite, nous avons décliné cette maquette pour les pages secondaires (Formations, Offres, À Propos, etc.), en maintenant une cohérence visuelle.
  3. Création d'identité visuelle et d'assets (Mon Rôle Clé) : Mon rôle a été d'apporter une dimension graphique et illustrée forte.
    • Illustrations 3D Isométriques : En partant de la brique emblématique de Yellow-Br1cks (inspirée des LEGO), j'ai créé des illustrations isométriques (voir les captures) pour dynamiser les maquettes. J'ai décliné cette brique sous différentes formes pour symboliser les concepts complexes de la formation et du No-Code.
    • Visuels d'Offres : J'ai conçu des visuels spécifiques pour chacune des offres de l'agence, renforçant la clarté et l'attractivité des services proposés.
  4. Intégration technique : Le site a été intégralement construit sur Webflow, démontrant notre capacité à passer de la maquette au produit fonctionnel en utilisant des outils No-Code.

Résultats :

Un site web modernisé, dont l'identité visuelle est immédiatement reconnaissable et pertinente pour une agence No-Code (l'idée de construire et d'assembler, comme des briques). La nouvelle structure offre une navigation plus intuitive pour présenter les services et les formations.

Rôle :

UI/UX Designer (en binôme), Création de l'identité visuelle et des illustrations 3D/Isométriques, Déclinaison des maquettes UI, Intégration finale sur Webflow.

Robin

Site de Yellow-Br1cks

Projet Yellow-Br1cks : Refonte UX/UI et Intégration No-Code

Contexte : Refonte complète du site web de Yellow-Br1cks, une agence numérique spécialisée dans les solutions No-Code dans laquelle j’ai réalisé mon alternance. Ce projet a été mené en binôme, couvrant toutes les étapes de la conception, de l'UX à l'UI et jusqu'à l'intégration finale.

Démarche et Méthodologie :Le projet a suivi une démarche structurée pour garantir une expérience utilisateur optimisée et une identité visuelle forte :

  1. Conception UX (zoning & wireframing) : Nous avons débuté par le zoning sur papier, suivi d'un wireframe complet sur Figma. L'objectif était de réorganiser l'architecture de l'information (offres, formations, About) pour améliorer la clarté et la navigation, tout en se concentrant sur une expérience utilisateur fluide pour l'agence No-Code.
  2. Maquettage UI (accueil & déclinaison) : Nous avons chacun prototypé une version de la page d'accueil (Home), avant de les fusionner pour créer la version définitive. Ensuite, nous avons décliné cette maquette pour les pages secondaires (Formations, Offres, À Propos, etc.), en maintenant une cohérence visuelle.
  3. Création d'identité visuelle et d'assets (Mon Rôle Clé) : Mon rôle a été d'apporter une dimension graphique et illustrée forte.
    • Illustrations 3D Isométriques : En partant de la brique emblématique de Yellow-Br1cks (inspirée des LEGO), j'ai créé des illustrations isométriques (voir les captures) pour dynamiser les maquettes. J'ai décliné cette brique sous différentes formes pour symboliser les concepts complexes de la formation et du No-Code.
    • Visuels d'Offres : J'ai conçu des visuels spécifiques pour chacune des offres de l'agence, renforçant la clarté et l'attractivité des services proposés.
  4. Intégration technique : Le site a été intégralement construit sur Webflow, démontrant notre capacité à passer de la maquette au produit fonctionnel en utilisant des outils No-Code.

Résultats :

Un site web modernisé, dont l'identité visuelle est immédiatement reconnaissable et pertinente pour une agence No-Code (l'idée de construire et d'assembler, comme des briques). La nouvelle structure offre une navigation plus intuitive pour présenter les services et les formations.

Rôle :

UI/UX Designer (en binôme), Création de l'identité visuelle et des illustrations 3D/Isométriques, Déclinaison des maquettes UI, Intégration finale sur Webflow.