Career Profile
I am a UX Practioner & Front-End Engineer with over 10 years of experience combining Service design, User Centric approaches with a big interest for Front-end development. I worked across sectors (Finance, Oil & Gas, Automotive, HR, NGO, Defense, Teleco, Retail, Fashion) delivering products on various platforms (web, native). My experiences include helping stakeholders define products, giving a voice to customers, and iterating with rapid protoyping solutions. I also have an interest in crafting design systems for organisations when needed. You can have a look at some of the public projects on this website. I am a huge advocate of agile, lean frameworks. My new aspirations are still trying to create user centered solutions and learning more about machine learning, deep learning, artificial intelligence, neural networks & electronics.
Experiences
Buildit is a global engineering transformation studio in Wipro Digital, with the base in London, Edinburgh, Dublin, NYC, Denver & Bangalore. Joined the front-end engineering team when Wipro Digital acquired Designit. Clients included LLoyds, AIB. Front-end engineer responsible for transformation on customer web applications - Refactoring, mentoring, best coding practices for features delivery and TDD. Crossing gaps between design and development platforms to help define new ways of working and cross-functional teams. Working on FS accounts as a front-end engineer (Lloyds Banking Group) using React and Nodejs stack. Features implementation, unit tests and e2e testing. Help and facilitate teams to enable cross-functional work (Design, Development, Brand & Compliance). Member of the core team and developer helping create a Design System for multi brands using sketch and javascript front-end stacks such as React, Storybook as well as various css frameworks (pre-processors, scoped css). The team is responsible of delivering consistent designs, brands across Lloyds client web applications, design teams, brand & compliance as well its sign off process. The libraries are used by hundreds of designers and developers across Lloyds.
Reactjs Redux Docker Jenkins Webpack Nodejs Preprocessors Jest Selenium Design system Analytics
The full breadth of Wipro Digital and Designit capabilities in strategy, design and technology positions Wipro Digital at intersections where WD derive insight, shape interaction, develop integration and unlock innovation - with the customer's journey at the center of everything. UX Lead on projects, responsible for pitching UX work to Wipro Digital accounts with client partners and Global heads. Most of the accounts were from Finance. Clients included HSBC, US Bank, Lloyds, Novartis, Pru, Philips, Hartford. Working closely with Wipro Digital engineering (future Buildit) team to implement and adopt a lean UX approach as a best practice when pitching to clients. UX operational work from research (ux strategy, defining experience maps, product roadmaps, requirements gathering through workshops), to full prototyping using various tools such as Axure, Adobe, Sketch, inVision or more technical tools like Framerjs, Origami, Hype. In charge of overseing UX research activities and mentoring.
UX Strategy UX Research Optimal Sort Survey Monkey UX Design Sketch inVision Zeplin Axure Adobe Atomic design Design system
I joined Accenture Mobility part of Accenture Digital where I had management consulting responsibilities as well as managing Associate consultants. I was involved in mobility projects (web & native) mainly to help crafting end user experiences in various sectors such as O&G, Telecom, Retail, Banking for global accounts across the world (Europe, USA, China). Clients included Belgacom, RBS, Bank of Ireland, Barclays, Exxon, Shell, BP. Responsible of define UX strategy for clients and project scopes as well as operational UX activities such as Research to full prototyping and testing. Helping pre-sales and client accounts to pitch in UX. Operational tasks included stakeholder management, product roadmap, research activities (qualitative & quantitative) such as usability testing, user testing, online questionnaires, analytics analysis and design.
Mobile Native Web design UX Strategy UX Research UX Design Sketch inVision Zeplin Axure Adobe Stakeholder Management
MHR is a specialist provider of software and outsourcing services for HR, talent management, payroll and business intelligence. Responsible for defining UX product roadmap and UX Strategy (HR ERP) for the company in an Agile environment. I was the first UX Designer in the company and the UX team grew to 4 people. I was in charge of the research activities, design to features prototyping for testing. Main tasks included interviews, focus groups, defining product information architecture, questionnaires, surveys, user testing, wireframing, branding and working closely with BAs, developers to ensure product quality (User stories, Use Cases and UAT).
UX Strategy Optimal Sort Survey Monkey UX Research UX Design Axure Adobe Balsamiq Mockups UAT Use cases & specifications HR ERP
Renault is a French multinational automobile manufacturer. I joined the HFE & Ergonomics department in charge of creating product specifications and testing and was assigned to projects for cars ranging from 15 to €45k. Main projects included the MMI/HMI specifications of their new gear shit as well as working closely with product design teams for its design and implementation. I also created specifications for their suppliers to implement to new generation of touch screens (7' & 9') to be embedded in the dashboards as well as its information architecture and design (wirefames & UI). Worked closely with the researchers to follow up on user testing sessions and market/competitor research. This was the most challenging environement I have ever worked with.
UX Research (Qualitative) Human Factor Engineering Online surveys Card sorting & Taxonomies Desk Research Competitor Analysis User Testing HMI Specifications Reports Wireframing Product Design Native
Yuseo is the french leader of digital experience and research using propriatary tools enabling companies to make strategic and operational decisions through design thinking, user centric approaches. I was involved in performing any tasks, activites relative to UX research (qualitative and quantitave). Screening, emailing, running and organising sessions, reports and client presentations, eye tracking, card sorting, various ergonomics online questionnaires , MVT & AB Testing, usability testing, user testings. I was creating online surveys to feed a prioprietary database assessing UX trends and competitors known as the 'UX Barometer'. I was also responsible of writting sections of UX research and findings in the UX barometer white book. Helping the marketing team running online campaigns through emailing tools. Low level wireframing for clients after ideation stages, experience mapping and product roadmap definition. Clients included Air France, Axa, Paypal, Deezer, Sunweb, Bottega Veneta, Dior, LVMH, Philips.
UX Research (Qualitative & Quantitative) Online surveys Card sorting Emailing & Marketing Campaigns Panelists Management Usability Testing User Testing Eye Tracking Participant Recruitment & Segmentation Reports
LOUSTIC is a multidisciplinary research platform on the uses of information and communication technologies. Responsible of performing UX Research activities for governmental products related to e-learning. Tasks included defining product hypothesis based on market & academic research, participant recruitment, screening, interviews, focus groups (across the France), qualitative data analysis, user testing and creating reports for future specifications. The main project I was assigned to was the design of an e-learning platform, support, for homecare assistants. Mastering inferential statistical analysis to give guidance on behaviours and validating product hypothesis for specifications. Project included multiple partners for its implementation (Government as the main sponsor and stakeholder as well as several agencies).
UX Research (Qualitative) Online surveys Card sorting Usability Testing Contextual Inquiry Focus Groups Interviews User Testing Eye Tracking Participant Recruitment & Segmentation Reports Inferential statistics Product Design Web Design
IMNSSA is part of the Ministry of Defence. Assisting senior Human Factor Engineers to gather requirements and get a better understanding of senior physicians activity to create requirements for the new e-medicine software allowing patient (military in overseas theatres of operations) information sharing. Performing mostly ergonomics activities to understand junior and senior physicians routines in emergencies services. Tasks included running research protocols, analysing questionnaires, qualitative data (interviews), creating reports for senior ergonomists/HFEs to help them create requirements for the software (Lotus Notes).
UX Research (Qualitative) Ergonomics Human Factor Engineering Focus groups Interviews Online surveys Contextual inquiry Activity Analysis User testing Reports Intranet
Projects
Below is a section presenting some of my personal projects as well as the customer-facing ones already delivered.This is a non-exhaustive list.
Skills & Proficiency
UX Research
Design
Javascript & Es6
Nodejs
React
HTML5 & CSS
Sketch & InVision
Adobe suite
Prototyping tools(Axure, FramerJs, Origami)
Project Management
Stakeholder Management
Python
Back-end
available recommendations
Project excerpts
Project Excerpts
Lloyds Savings Customer Web Application - 2019
context
- Helping the Savings lab on their digital transformation journey.
- Improving best pratices web development as well as augmenting sprint lloyds sprint velocity with core js skills.
role
- Front end development of lloyds web applications core features.
- Leading digital transformation and best practices by enforcing TDD, automation, code refactoring and code quality (branching strategy, testing, react & flux patterns).
- Business stakeholders management and educating about technical debt as well as demonstrating coding best class examples.
- DevOps tasks and containerisation alongside with the Savings DevOps team.
challenge(s)
Legacy codebase with a very high churn rate, high bug fixing in production and consultancies having worked on the same code base over the years.
work
The Lloyds savings customer applications allow new to bank customers as well as exiting customers to apply for new products as well as renewing existing products.
outcome(s)
Nodejs Reactjs Flux Jasmine/Jest/Enzyme BDD/TDD (Mocha, wdio, cucumber) Jenkins DockerImplementation of the core features of the web app to be available cross domains, cross channels as well upgrading the tech stack, dependencies which were 3 years old.
Improved route to live by upgrading the toolings, automation (with Jenkins) and containerisation cross environments - Time on build has been improved by 400%.
Configured the environments to be mapped to the production environment reducing defects in production and found by QA.
Enforcing testing practices - TDD - unit testing and e2e as well as forming junior developers.
Implemented analytics to enable LLoyds tracking their customers across their multiple web applications.
AIB Mortgages Applications Service - 2018
context
- Helping AIB with their digital transformation programme running since 2016, portfolio of hundreds of million pounds.
- Enable an end to end experience as well as reducing AIB costs with their services maintenance.
role
- Full stack front-end developer.
- Implementation of features, bug fixing, unit tests (Jest, Enzyme), living styleguide.
- Agile framework, helping with backlog prioritisation, team facilitation techniques.
- Using Reactjs, Redux, Sagas (async) and functional programming patterns.
challenge(s)
First use of generator functions and sagas pattern. Helping the team ramp up and speed up the development cycles for the releases. Low code coverage and multiple bugs when merging.
work
The Mortgages Applications Service App provide end users with an easy to use, faster, omnichannel experience where it is possible to interact with AIB agents, share documents for mortages.
outcome(s)
Nodejs Reactjs Redux Sagas RWD Living styleguide (Fractaljs) Material UI Jest/EnzymeImplemented 20% of the app features.Improved code coverage and overall CSS architecture which led to bug reduction.Team successfully launched the service despite the tight timeline.
Poll app - 2017
context
- Tailored application enabling polls for our internal teams (~150 users).
- Needs to have live information.
- Confluence was not user friendly enough for the team and sharing the information.
role
- Company side project as a full stack front end developper.
- Implementation using react, redux, thunk, google material design as the front-end and firebase as the back-end.
- Using serverless technology, google cloud functions for live push notifications.
- CI/CD pipeline is using Travis, Firebase hosting and Codacy for code quality.
challenge(s)
First attempt to use functional programming, redux pattern in a production environment as well as tackling data serialization and deserialization due to firebase constraints.
work
The app leverages google api capabilities such as auth, realtime database, cloud functions, cloud messaging to allow users to create interactive polls with live information when it is submitted.
I had the chance to get mentored by 2 of the most talented DevOps engineers/Developers Marc Lucchini & Sylvain Faucherand I have ever met.
outcome(s)
Nodejs React Material UI Redux Thunk Nosql Serverless JestThe app is still available on Github but not maintained anymore.
Lloyds Banking Group Unified Design System - 2017
context
- Started engagement with Lloyds in July 2016 as a front-end engineer.
- While assigned to a dev team, I performed contextual enquiry across teams to understand current ways of working as well as recurring pain points occurred which led to fundings (assisted with the help of other stakeholders) for the implementation a design system at Lloyds in March 2017.
- Bottlenecks across teams have already been identified (especially between design and development) and quantified to help assess costs and ROI.
role
- Mapping out challenges, needs, information, output, business processes across teams.
- Pair designing with Lloyds internal teams as well as Wipro third parties, units and external third parties.
- Implementation of several living styleguides (react, storybook, nodejs) cross brands for Lloyds Retail Banking web applications as well being a core contributor of LLoyds core developers to code the design system API.
- Defining with the client new ways of working to change the culture and making sure the design system will scale up successfully.
challenge(s)
Understanding flow of information required and outputs, dependencies across teams.
Getting a step closer to a less siloed organisation and processes, ownership.
work
Implementation of a design system across Lloyds for their retail banking web applications.
I had the chance to work my colleague James Nash again who is one the most talented creative technologist and provides a great expertise in terms of design systems.
outcome(s)
Design System React Css Preprocessors Nodejs Webpack Storybook Living Styleguides Jest Lloyds Components APIDesign system has been adopted and is now maintained by LBG internal teams.
It used across customer web applications teams for retail banking including brand, developers and designers.
Living styleguides cross brands (5), centralised source of information (design, dev, brand) is now used by hundreds of incubants.
LBG is now saving cost and time during their release processes.
Lloyds Banking Group Client Web Applications - 2016
context
- Low release cadence.
- Siloed teams.
- Limited control over the pipelines.
role
- Features implementations.
- Bug fixing.
- Front-End development with React.
- Use of nodejs stack.
- First implementation of a living styleguide using Storybook at LBG.
challenge(s)
Communication cross teams and departments.
Ramping up a well tailored team for the client needs as well as removing the current incubants.
First time use of Jest, Enzyme, Mocha as well as mocking with an interesting learning curve.
work
I was embedded as a full stack front-end developer in one the the LBG core team for payments servicing.
I was responsible of implementing features (web app has been released in May 2017), fixing bugs based on PO inputs and after feedback from end users in an Agile fashion.
I had the chance to work alongside Pavlos Polianidis a very talented full stack engineer.
outcome(s)
React Redux Nodejs Webpack Unit tests (Jest) BDD (Cucumber, Selenium, Webdriverio)The team and the app received an award as one of the best digital agile delivery.
App rolled out and cadence releases have been improved due to automation and teams being set up with better ways of working (Sandbox, controlled pipelines).
US Bank - 2015
context
- Pre-sales work and pitching for a client bid.
- 6 weeks accelerator project to showcase Wipro Digital design capability.
role
- UX Lead.
- Managing project as well as stakeholder management.
- Wireframes & Visual Design.
- User Research.
work
The project was a response to an RFP for a digital transformation project.
The client team was located in the US as well as the main sponsor of the project.
It consisted in several design iterations (sprint) as well as defining a brand for the new self service portal.
outcome(s)
Requirement gathering Adobe Suite Axure Rapid Prorotyping Branding SketchLed to a £2M project, one of the first big project win after Wipro Digital unit has been created.
Pru Self Service Portal - 2014
context
- Client was looking for ways to increase revenues and redefine existing strategy for Digital.
- First Wipro Digital project showcasing design capabilities.
- Challenging context due to many thrid parties, external consultancies involved in the programme.
role
- UX Lead.
- Managing project as well as stakeholder management.
- UX strategy, product roadmap as well mitigation plans.
- Ideation, Wireframes & Visual Design.
- User Research & User testing.
- Qualitative & Quantitative research.
challenge(s)
Very little documentation available about the existing processes and business objectives.
Ramping up resources for the client.
work
Digital transformation project to help Prudential reduce requests from customers to call centers as well as increase online presence for client self services such as pensions, insurance products.
outcome(s)
Product Roadmap Adobe Suite Axure inVision Visual Designs User Research User testingThe project led to a win for Wipro Digital (one of the first project won by Wipro Digital since it has been created).
Other partners such as BCG have been rolling off the account and replaced by Wipro & Wipro Digital.
Leak dectector - 2017
context
- Personal side project.
- Understanding of Electronics, IoT.
role
- Backend developer (Python, Js).
work
The arduino device based on Python stack (Flask), Twilio API and a (Nodejs) serverless architecture back-end allows users to get notified when a leak is detected.
My colleague Sylvain Faucherand worked on the hardware of the Arduino component.
outcome(s)
Arduino Nodejs Serverless Python Flask IoT Twilio APIA first good introduction to IoT and Eletronics.
The prototype is fully functionnal and the next step will to be tackle performance issues as well scalability.
Ellie Retail Banking On-boarding Experience - 2015
context
- Building up Pre-sales material.
- Pre-sales work and pitching for client bids.
role
- UX Lead on the project - team of 7.
- UX Design & Front-End .
- UX Strategy.
- Working closely with Scrum Master & PO.
- Analytics.
work
This project was initiated to prove the benefits, ROI, risk, value management of the end to end journey from product definition to implementation and management to our FS clients from Design and Engineering angles.
Pre-sales, response to bids showcasing best class ways of working and cross functional teams (Strategy, Design, Engineering) in Agile/Lean framework.
outcome(s)
Experience Maps Customer journeyrs Google Analytics Google Tag Manager A/B & MVT testing Bootstrap HTML/CSS Sketches Rapid prototyping SeleniumLed and contributed to a bid winning as the biggest digital transformation project in Europe (budge of more than £250M) in 2016.
This work became a point of reference for Wipro Digital Engineering offering.
The material has also been used, adapted for pitchting to other FS accounts.
Exxonmobil sales app - 2014
context
- Helping teams with project planning and management based on clients and suppliers information.
- The serviced aimed to help increase ExxonMobil sales.
- Digital transformation project.
role
- UX Lead.
- Product roadmap.
- UX Strategy & User Research.
- Heuristics evaluation.
- Project management.
- Rapid prototyping.
challenge(s)
Global project (Europe, USA, China) and tight deadlines for workshops in the different countries.
work
iPad app for the ExxonMobil Pre-sales and sales workforce helping users to plan, manage their meetings as well as providing their clients with tailored solutions based on the information provided and available across their systems.
outcome(s)
Requirement Gathering Stakeholder Management User Research Heuristics Evaluation Qualitative Research Rapid Prototyping Axure Adobe SuiteNative app has been rolled out and used by ExxonMobil sales, Pre-sales teams.
Belgacom Omni channel experience - 2014
context
- Digital Transformation project.
- Helping the client increase sales with their telephony offerings.
- Omnichannel experience had to be provided.
role
- UX Lead.
- Help client define strategy.
- UX Strategy & User Research.
- Project management.
- Rapid prototyping.
challenge(s)
Coming up with a right concept, idea took many design iterations.
Getting all the other business units on-board with a RWD approach.
work
Tool needed to be enabled for mass market products across residential and SME segments.
Offering the right product or service and enhancing the collaboration between all channels supporting a common and consistent commissioning through cross-channel reporting.
outcome(s)
Requirement Gathering Stakeholder Management User Research Usability Testing Rapid Prototyping Axure Visual Design Adobe Suite Information Architecture Card Sorting AnalyticsThis project helped the client pivot on the strategy already place to save costs.
The service is live and used by millions customers.
R-link 2 - 2012
context
- Helping Renault creating new touch screen systems (7' & 9') for their cars from €15 - 45k.
- Defining best class UX for their new embedded systems (Sat nav, Multimedia).
role
- Information Architect.
- User research as well as competitor analysis to help define product requirement.
- Stakeholder management and running workshops to define requirements and liaise with the suppliers, product owners.
- Specifications of the new devices interfaces as well as hardware architecture.
- UX & UI design on the new interfaces and functionalities.
challenge(s)
Constraints from other departments, technologies, engineering & ergonomics.
work
Renault R-Link2 multimedia interface provides simple features designed for in-car use.
Allow customers to download apps such driving assistance tools, sat nav, multimedia and other connected services.
outcome(s)
Requirement Gathering Stakeholder Management User Research Usability Testing Visual Design Adobe Suite Information Architecture Card SortingThe service is live and used by millions customers.
Philips AED - 2010
context
- US third party in charge of analysing AEDs usability.
- Willing to carry out the experiment in France.
role
- In charge of defining the experimental protocol in french.
- Recruiting users based on 5 segments spread across 3 dimensions based on user types.
- Running usability sessions (user testing) with more than 120 users.
- Collecting data and analysis (video recording, interviews, observations).
challenge(s)
Assessing AEDs usability that could help save lives and avoid other casualities when performing emergency routines.
Recruiting participants and running the experimental protocol.
Qualitative data analysis of feedback, usability measures of more than 120 participants.
US third party provided patches for one of the device that helps administer electric shocks which were out of date.This caused issues during the experiment and I have identified the problem root cause - wrong patch models for the device.
work
The Philips device in the context of emergency was the most efficient in helping users to admnister electric shocks as well as performing CPR routines.
The Philips AED had vocal instructions telling the users that "nobody should touch the patient" whereas other devices instructed "do not touch the patient" which let to users no prompting the bystander letting go the manikin hand.
outcome(s)
Qualitative Research User Testing Panelists Interviews Emailing Campaigns Descriptive Statistics Inferential StatisticsRecommended changes in the device vocals instructions as well as helping designing instructions in the notice.
From a personal experience it has been a revelation that attention to details can sometimes be critical.