Kevin Bizien

Hi there! Je suis Kevin, designer UI & développeur créatif, spécialiste en conception d’interfaces et développement front-end web. Du design UI/UX jusqu'à l'intégration HTML/CSS/JS, je conçois des applications modernes et crée des expériences pour tous types d’écrans. J’ai été amené à travailler avec des grands groupes, startups, agences et créatifs tels que Bêta.gouv et Grist, France TV, Accor Hotel, Yousign, Imagile, La Cordée & Checksign.

Rebranding complet du site web de Yousign (bientôt Youtrust). Développement des nouveaux composants, des nouvelles pages, et refactoring de composants existants au sein d'un projet Nuxt.JS.

Situation : L'Agence nationale de la cohésion des territoires (réseau bêta.gouv) recherchait un designer UI pour travailler sur Grist, un produit open source déployé au sein de l'administration. Cette application no-code permet de gérer de façon personnalisée tout un système de données via des tableaux et des graphiques. Tâches : - Reprise du projet sur Figma - Audit de l'existant et organisation des composants - Évolution et création de nouvelles fonctionnalités Actions : - Création d'un nouveau projet sur Figma pour reconstruire l'application et le design system - Brainstorming hebdomadaire avec la manager sur les évolutions et nouvelles fonctionnalités - Mise en place et maintenance du Figma : création des styles, des composants, des wireframes, et des prototypes - Collaboration avec les développeurs et suivi du développement après la phase de design Résultats : - Remise à jour complète de l'application sur Figma par rapport à la version en ligne - Conception et développement de nouvelles évolutions et fonctionnalités clés au sein de l'application (paramètres, refonte du tunnel d'onboarding et du dashboard, ajout d'une fonctionnalité de formulaires…) Environnements / Outils : #Github #Kanban #Weekly #Slack #Zoom #Mattermost #Figma #WebApp #Website #DesignSystem #Atomic Design #Prototypes #Wireframes #Français #Anglais

Situation : Création de l'univers de Checksign depuis zéro. Développement de l'identité visuelle, ainsi que du design UI pour le site web, la webapp et les applications mobiles. Développement front-end du site web avec NodeJS et ExpressJS. Tâches : - Création de l’identité visuelle (branding) - Conception UI (site web / webapp / applications mobiles) - Développement front-end du site web Actions : - Création de l’identité visuelle (logo, charte graphique UI…) - Conception UI/UX avec Figma - Conception d'un styleguide simple / design system, création d'une bibliothèque d'assets et de composants dans Figma - Participation aux décisions de design concernant les fonctionnalités et l'évolution des produits - Collaboration étroite avec le CEO/CTO et d’autres collaborateurs pour améliorer l’UI des produits Résultats : - Création complète de l’univers UI de Checksign, du branding à l’interface des produits - Mise en place du design system UI de base dans différents fichiers Figma - Mise en place et amélioration du site web avec NodeJS et ExpressJS Environnements / Outils : #Trello #Kanban #Weekly #WhatsApp #Figma #WebApp #MobileApp #Website #DesignSystem #Atomic Design #HTML/CSS #SASS #Javascript #NodeJS #ejs

Situation : Travail sur les produits de France TV, avec un focus particulier sur le design system. Son développement, son utilisation et son déploiement au sein des différentes équipes. Cela inclut la production de directives, de documentation, de processus, ainsi que la gestion de la bibliothèque de composants UI et des templates. L’objectif est d'assurer la scalabilité, l’évolution et la maintenance du design system à long terme. Tâches : - Gestion et scalabilité du design system - Conception UI - Gestion des processus Actions : - Audit des composants d'interface existants - Conception UI/UX avec Figma - Conception du design system, création d'une bibliothèque d'assets et de composants, ainsi que des directives dans Figma - Mise en place de nouveaux processus pour accroître la scalabilité du design system - Présentations et formations aux différentes équipes - Collaboration étroite avec les Product Owners et les développeurs pour améliorer l’UI de nos produits et l’utilisation du design system Résultats : - Gestion et scalabilité du design system - Extension du design system aux applications Android et iOS - Augmentation de la productivité des équipes et de l'efficacité des applications Environnements / Outils : #Jira #Scrum #Sprints #Kanban #Slack #Teams #Figma #Atomic Design #HTML/CSS #SASS #Javascript

Situation : Travail sur les produits d'Accor, notamment sur le design system. Son développement, son utilisation et son déploiement au sein des différentes équipes. Cela inclut la production de directives, la documentation, les principes de conception, le design des interactions, la gestion des processus, la bibliothèque de composants UI, et les templates. L'objectif est d'assurer la scalabilité, l'évolution et la maintenance du design system sur le long terme. Tâches : - Scalabilité et gestion du design system - Conception UI - Gestion des processus Actions : - Audit des composants d’interface existants - Conception UI/UX avec Figma - Conception du design system, création d'une bibliothèque d’assets et de composants, ainsi que des directives, dans Figma - Mise en place de nouveaux processus pour accroître la scalabilité du design system - Présentations et formations auprès des différentes équipes - Collaboration étroite avec les Product Owners pour améliorer l’UI de nos produits et l’utilisation du design system Résultats : - Gestion et scalabilité du design system - Extension du design system aux applications Android et iOS - Augmentation de la productivité des équipes et de l'efficacité des applications Environnements / Outils : #Trello #Jira #Scrum #Sprints #daily #Kanban #Slack #Teams #Notion #Figma #Miro #Atomic Design #HTML/CSS #SASS #Javascript #VueJS #Storybook

Situation : Mai 2016. À l'époque, Yousign existait depuis trois ans et recherchait un nouveau prestataire pour répondre à ses besoins en design UI/UX et en intégration. La start-up souhaitait faire évoluer sa charte graphique, son identité visuelle et l'ergonomie de son produit digital. J’ai intégré une équipe composée d’un product owner, d’un développeur front-end, d’un directeur artistique, et de moi-même en tant que designer produit. Tâches : - Refonte du design - Conception UI/UX - Intégration HTML/CSS/JS - Design et développement WordPress Actions : - Audit de l’interface existante - Recherche de wireframes et prototypes, utilisation de Marvel App pour créer des prototypes à partir de wireframes papier - Conception UI/UX avec Adobe Xd - Création d'un design system, incluant une bibliothèque d’assets et de symboles dans Adobe Xd - Développement front-end dans un environnement Angular.js, mise en place d'un design system pour améliorer l’évolutivité et la maintenabilité de l’ensemble du langage de design de Yousign - Développement d'un site web totalement personnalisé avec WordPress. Thème custom et back office custom avec Advanced Custom Fields - Développement d'un site web totalement personnalisé avec NuxtJS et VueJS. Connexion à Prismic.io pour la gestion des données et la mise en place d'un back-office Voir plus sur www.kevinbizien.com/projects/yousign Voir plus sur www.kevinbizien.com/projects/yousign-web-market Résultats : - Refonte complète de l'application Yousign - Mise en place du premier design system de Yousign - Augmentation de la productivité de l’équipe et amélioration de l'efficacité de l'application - Refont du site web marketing Environnements / Outils : #Trello #Jira #Scrum #Sprints #Rétrospectives #Kanban #Backlog #Slack #Google Meet #Adobe Xd #Marvel App #Invision #Sketch #Atomic Design #HTML/CSS #SASS #Javascript #AngularJS #VueJS #NuxtJS #Storybook #Webpack #WordPress #Gitlab #ACF #Prismic

Situation : Avril 2018. La Cordée est implantée à Lyon, Paris, Rennes, Nantes et Annecy, et compte plus de 900 membres à travers ses espaces de coworking. En complément des actions déjà mises en place, La Cordée offre également à ses membres une application web : Le Refuge. Cet outil doit offrir la meilleure expérience possible et une utilité unique aux membres. J'ai été contacté par La Cordée pour collaborer sur ce projet, en commençant par un travail de recherche UX. L’équipe avec laquelle je travaille se compose d’un développeur web, du directeur, de deux managers d’espace, et de moi-même en tant que designer produit. Tâches : - Améliorer l'expérience utilisateur du Refuge - Recherche / Pré-conception Actions : - Audit du produit - Analyse des fonctionnalités - Recherche UX : interviews, enquêtes, brainstorming d’idéation, user stories... Voir plus sur www.kevinbizien.com/projects/la-cordee Résultats : - Élaboration d'une stratégie UX et audit de l'interface existante pour identifier les incohérences - Les recherches et brainstormings ont permis de définir quelles fonctionnalités conserver, modifier ou supprimer - Ce travail UX a donné une vision globale et la direction à suivre avant de commencer la conception/refonte - Premières ébauches des user stories et des flux utilisateurs Environnements / Outils : #Trello #Slack #Google Drive #Rétrospectives #Backlog #Google Meet #Interviews #Enquêtes #Brainstorming

Situation : Les trois fondateurs du projet ont fait une simple observation : comment trouver facilement la station de ski qui correspond le mieux à vos besoins ? C'est ainsi que Hohey est né. Nous devions créer une plateforme permettant de comparer, trier et filtrer toutes ces stations selon des critères définis. C'est à ce moment-là que mon implication dans le projet a pris forme. Les fondateurs cherchaient des prestataires pour collaborer à la conception du produit. J'ai travaillé en équipe avec un développeur front-end et les trois fondateurs. Tâches : - Conception UI/UX à partir de zéro - Intégration HTML/CSS Actions : - Recherche de wireframes et prototypes - Conception UI/UX avec Adobe Xd - Développement HTML/CSS dans un environnement Angular 2 Voir plus sur www.kevinbizien.com/projects/hohey Résultats : - Création de la première version de la plateforme Hohey Environnements / Outils : #Github #Kanban #Slack #Rétrospectives #Backlog #Google Meet #Dropbox #Adobe Xd #Marvel App #Atomic Design #HTML/CSS #SASS #Javascript #Angular #Webpack #Github

Situation : Lorsqu'on arrive dans un nouveau pays, il y a tellement de choses à faire. On ne sait souvent pas par où commencer ni comment les choses fonctionnent... Beaucoup de personnes finissent par se décourager face à ces nouveaux défis, et certains renoncent même à partir à l'étranger. Avec deux amis, nous avons donc décidé de lancer une application mobile pour aider ces expatriés. L'un s'est chargé de la gestion, l'autre du design, et moi du développement. Tâches : - Développement de l'application - Développement du côté serveur - Mise en place du site web marketing Actions : - Développement de l'application avec BackboneJS et Cordova - Développement de l'API avec NodeJS - Conception et développement d'un thème WordPress personnalisé Voir plus sur www.kevinbizien.com/projects/guidr Résultats : - Création de Node-Starter, une API NodeJS prête à l'emploi pour démarrer rapidement un projet - Lancement d'une version bêta privée de l'application à l'été 2016 Environnements / Outils : #Trello #Kanban #Slack #Rétrospectives #Backlog #Skype #Dropbox #Photoshop #Atomic Design #HTML/CSS #SASS #Javascript #Apache Cordova #BackboneJS #Gulp #NodeJS #WordPress #Bitbucket

Situation : Suite à ma participation à un Startup Weekend, l'équipe et moi avons décidé de poursuivre le projet et de lancer l'application. Avec un groupe d'amis, nous avons remarqué que beaucoup de personnes jouaient à des jeux sur leurs smartphones, souvent proches physiquement les unes des autres, mais sans réellement jouer ensemble. L'équipe était composée de deux développeurs front-end, d'un développeur back-end et de moi-même. Tâches : - Conception UI/UX de l’application mobile - Intégration HTML/CSS - Mise en place du site web marketing - Développement en JavaScript Actions : - Conception UI/UX avec Photoshop - Intégration HTML/CSS dans un environnement Cordova et AngularJS - Conception et développement d’un thème WordPress personnalisé - Intégration de modèles de newsletters - Développement d'une API NodeJS Voir plus sur www.kevinbizien.com/projects/play2meetyou Résultats : - Création de Node-Starter, une API NodeJS prête à l’emploi pour démarrer rapidement un projet - Lancement d’une version bêta privée de l’application pour Noël 2015 Environnements / Outils : #Trello #Kanban #Slack #Rétrospectives #Backlog #Skype #Google Drive #Photoshop #Marvel App #Atomic Design #HTML/CSS #SASS #Javascript #Apache Cordova #AngularJS #Gulp #NodeJS #WordPress #Foundation #Bitbucket

Stage chez YellowCake (agence web - France)

Stage chez Self Signal (France)

Stage en imprimerie - Châteaubourg (France)