Aug 2019 – May 2020 · 9 mos

• After the successful launch of V1 of our Design System, with more than a year of experience in production, time came to think back on how it was created. We also wanted to provide the components' library in more javascript framework than V1 included. Launching a Vuejs, Angular and React version makes a lot sense, but we left room for more.
• I led the new version 2 of our Components' library with 4 key ideas in mind:
• consistency
• scalability
• maintainability
• flexibility & customization
• Consistency: we wanted to enhance the experience for developer using the library. To do so, I decided to implement an ecosystem that will allow the same developer experience with our components, no matter which technology used. Props name are the same in Vuejs, Angular and React, but also, props are consistent across components as well. No more guess work, a prop will act how it is supposed to act everywhere.
• Scalability: building everything in one build made it challenging. The more brand you add, the longer it takes to build. Also, growing to different javascript framework made it difficult to rely on the same style. By redesigning the architecture from scratch, I created a system that separate everything to allow growth. We now have a style package, a tests' suite and one package per javascript framework. Each JS framework sources styling and testing from the same packages.
• Maintainability: Relying on the same styles and tests helps to maintain libraries to the same level. I implemented automated End-to-end testing using Cypress and Axe-core to ensure the stability of our work. With more than 96% coverage on our tests, we can make sure changes won't affect any features and also everything stays accessible.
• Flexibility & customization: V1 helped me to understand the need for a better model for customization. Moving to multiple repos made the solution easy. I created Boilerplates to help you create your library out of our components with changes allowed.

Aug 2017 – Aug 2019 · 2 yrs

• As a Senior Frontend Developer, I led the development of the new Design System of RBC Wealth Management. Built in Vue.js, this design system contains a library of UI reusable components that are themed by brand but using the same codebase. It also contains a set of instructions relative to your field of expertise. The Development section, Design section, Editorial section or Social Media section are a set of best practices and guidelines relative to the brand you are working with.
• This project was a challenge by its complexity for several reasons:
• The full design system site and UI components libraries are built through only one build. With one build, it generates full packages that are depending on each supported branch.
• It is difficult to take account the amount of variations that a component could have. For example, our datatables can be enabling several features at a time (fixed header, advanced search, sortable, editable, expandable rows, ...)
• This Design system/UI components' library helps us and our partner to build products by focusing only on the product and create an unique client experience across all our web products.
• I led the development of the newly redesigned RBC Global Asset Management website. From the technical architecture to the implementation and the launch, I had my hands on every step of the project.
• After deciding to rely on dotCMS as the CMS and their cloud solution for the hosting, I setup and tailored the CMS to our needs.
• This project had 2 key elements:
• enhance the user experience to provide a more seamless and user friendly experience, including elastic search capabilities, personalization by role and even creating favourites/bookmarks themes directly on the website.
• give back the control to content editor by implementing a CMS with easy control to create and modify content. One major help in this project was the Design System we integrated to ease creation of content.

Dec 2014 – Aug 2017 · 2 yrs 8 mos

• I participated on the launch of the new RBC Global Asset Management (www.rbcgam.com) web responsive Framework from layout to front-end features such as dynamic charts, responsive infographics or dynamic forms.
• I took part of the project to rebrand and build the new public facing site of RBC Wealth Management (www.rbcwealthmanagement.com). From the early definition stage to the official launch I was in charge of developing the User Interface as well as the base framework that will be use among all RBC WM sites. Using web standards such as HTML5, CSS3 and JavaScript and a base of bootstrap 3 that I customized to our needs, the site is fully responsive from large desktop to mobile interface. I also work on the implementation and integration of dotCMS to manage the site content to meet our needs of an international customized site. I also created sub-divisions websites using the same framework and creating templates in the CMS to share the same codebase among all our properties. (http://www.rbccorrespondentservices.com/, http://www.rbcadvisorservices.com/, https://estateandtrust.rbcwealthmanagement.com/).
• I created an API layer on the top of dotCMS to enable Content-as-a-Service for the new https://www.phn.com/ website. The CMS is fully headless and provide the content to the pages through JSON API.

May 2014 – Oct 2014 · 5 mos · Greater Toronto Area, Canada

• En tant que consultant chez FlipGive, J'ai mis à jour du contenu sur http://beyondmiles.aeroplan.com/
• J'ai mis en place la page Shape the Future à partir d'une maquette et ajouté des nouvelles fonctionnalités à la donation.
• Je travaillais sur le front-end avec html/css et jQuery.

Feb 2013 – Sep 2013 · 7 mos · Toronto, CA

• Stage pour IFOP NA & Consumer Vision
• En collaboration direct avec la direction, ma principale mission était d'informatiser les processus de travail en utilisant différentes technologies pour simplifier leurs méthodes de travail et leurs habitudes.
• S'inscrivant dans une vision de management du changement, j'ai du analyser l'état actuel des deux entreprises et essayer de trouver des solutions pour améliorer et développer ces processus. En plus de chercher des solutions pour réduire le temps passé sur certaines tâches, j'étais également en charge d'apprendre aux personnes comment utiliser ses améliorations.
• En utilisant également mes compétences en marketing que j'ai acquises dans mon école de commerce, j'ai aussi du développer le marketing digital (site web, campagne d'email, infographie, etc.)
• J'ai créé le nouveau site web de Consumer Vision en utilisant Twitter Bootstrap.

Apr 2012 – Sep 2012 · 5 mos · Suresnes

• Mise à jour de l’outil d’administration d’une base de donnée documentaire utilisée au sein
• du groupe EADS. Réalisation de l’interface web en utilisant de technologies web récentes :
• HTML5&CSS3 avec jQuery et JSON pour le front-end
• ASP.NET & Microsoft SQL pour le back-end

Oct 2011 – Apr 2012 · 6 mos

• Dans le cadre de mes études, j'ai eu la responsabilité d'un projet pour réaliser un réseau social d'entreprise avec une équipe de 9 étudiants.
• En charge de l'équipe de développement, je développais le back-end de la solution en Java grâce au framework web Play! Framework.

Jun 2011 – Jul 2011 · 1 mo

• Approvisionnement d'une chaîne de production, gestion de stock et de délais. Gestion de l'équipe de production.

Mar 2009 – Jun 2012 · 3 yrs 3 mos

• Association de voile de l'Efrei, je me suis occupé de la préparation du départ à la Course Croisière EDHEC et de la gestion de l'association.
• Démarchage d'entreprise, négociation et gestion d'un budget de 15 000 €

Jul 2007 – Aug 2007 · 1 mo

• Organisation de séances de voile et d'aviron pour des jeunes de 7 à 15 ans.