https://www.charlottefortin.com/home daily 1.0 2021-03-26 https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605881675323-33TMI58JKOKLR794Z8SI/Visit-britain.png Home Visit britain — Personal project https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605883792317-TXPI36U6BYJBIO75BQ9F/vincent-desiles-card.png Home Vincent Desiles — Greeting card https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605882460797-5NNYQZJL20FOUXH6ZAFM/reed-Awards.png Home reed.co.uk Award competition — Invite https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605883166806-ZJHTF5AC8BMH1ZRX3NQN/cities-unlocked.png Home Cities Unlocked — Responsive website https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605880726569-5LIP1R2KKOLKURZNAFQY/Unicef.png Home Unicef — E-shop redesign https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605880921291-YWTESNZZNPBUPO0MNIXK/Tesco.png Home Tesco — Responsive homepage https://www.charlottefortin.com/home/datto monthly 0.5 2020-11-30 https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605892878836-FAQ6W9P79JKL9VGBGA57/Datto-cover.png Home - Datto - Datto. Product UX UI designer to redesign Datto RMM SAAS / February 2019 - August 2019 (Remote) “Charlotte was key in defining the brand and design of the company's flagship application. She has keen attention to detail and her designs and collaborative approach with developers enabled for a UI that won the praise of both the company and clients alike.” — Damian Green, director at GCODERS Ltd https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605905981148-R6DHA9BWQAG6Y08PK2RS/Datto-device.png Home - Datto Datto Device https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605906011556-ZDGFHF5K33IHRRVPOMR0/Datto-Dashboard.png Home - Datto Datto dashboard https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605906033981-LOTV1I4H0WZJYN2QKDMH/Datto-create-a-dashboard.png Home - Datto Datto add widgets https://www.charlottefortin.com/home/deutschebank monthly 0.5 2020-11-30 https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605787212835-LBM2XL3OP95W09P6PWLM/Deutsche-bank-interface.png Home - Deutsche Bank - Deutsche Bank. UI designer - Data visualisation interface / March - August 2015 HCL FinTech innovation Lab is a global team of consultants delivering services for the HCL Digital Solutions based in London, UK. https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605801330210-HRKIAYLBMODF3SXRYK5C/Deuscht-bank-process.png Home - Deutsche Bank - The process. We used an iterative process through weekly sprints. Each sprint was divided in 5 phases: Planning, process Analysis, use context Specifications, user requirements Prototype Evaluation Each sprint was documented in the form of user stories that we used to deliver a product that has already been tested with the user during the sprint. https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605804234374-7NCMCHJ3O80ISB44UHNK/Deuscht-bank-draft.png Home - Deutsche Bank From scribble to User interface design https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605804235021-S872ZHIK9GX34L1EI7FO/Deuscht-bank-sorting.png Home - Deutsche Bank Data visualisation https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605804235341-G3CSX2MVE0WP7J2AJ0QD/Deuscht-bank-wireframes.png Home - Deutsche Bank From wireframe to user ineterface design https://www.charlottefortin.com/home/lending-stream monthly 0.5 2020-11-20 https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605805375481-7R5W76KEPHLRUCT0YRYH/Lending-stream-introduction.png Home - Lending Stream - Lending Stream. Product UX UI designer to redesign an application form / May 2018 - August 2018 “Charlotte was one of the most pro-active and self managing product designers. I've worked with. She hit the ground running from day one. Her skills, experience, and assertiveness were a great asset to my team, which was exactly what I needed. In the short time we had her on the team, she made changes and improvements to our processes and guides that will continue to enhance our creativeness and productivity for a long time.” Rob Renton, Head Of Product Design (UX/UI) https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605888303729-4IHLJXVNSO2DIU8FFHJH/team+organisation.png Home - Lending Stream Team organisation https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605889291790-T3M98ML911IP2E3Y8F2Q/Lending-stream-draft.png Home - Lending Stream - Ideate & Prototype. The research phase has allowed me to generate lots of ideas that I quickly sketched on paper. I came up with different types of application form, functionality and patterns ideas to improve the customer journey. We evaluated them all and kept the ones susceptible to solve the problem statement. Our main hypothesis was that splitting the application form into smaller, clearly organised sections would make the form feel shorter and quicker. As a team we decided to develop 2 of my concepts: “the natural language”, and “the single field forms”. I designed 2 tangible solutions in order for us to identify challenges, technical constraints and determine next steps. https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605890898448-QGPTPO1Y9TTOZMT8C0EO/Desktop+Copy.jpg Home - Lending Stream - Natural language The form is split into small groups of related fields, and constructed into conversational sentences. Rather than reducing the copy, this approach actually makes it longer, but the goal was to make it more natural to complete. As a field is completed, the next part of the sentence is revealed. https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605891089345-MSXJ7AEPVGREMS0C2E5X/Lending+stream+Single+field.png Home - Lending Stream - Single field. The fields are presented one by one, with a smooth animation from one to the next. This approach makes the form very quick and easy, as the customer doesn’t have to read more than one instruction at a time, and can make a quick decision. A different progress indicator was required as once a section is completed, the section name sticks to the top of the screen where the indicator usually goes. Designing this solution had a different set of challenges to solve. Most fields would require an OK or next button meaning the customer had to click to proceed each time.The form is split into small groups of related fields, and constructed into conversational sentences. Rather than reducing the copy, this approach actually makes it longer, but the goal was to make it more natural to complete. As a field is completed, the next part of the sentence is revealed. https://images.squarespace-cdn.com/content/v1/5fae9490ef712f10120753dc/1605892114844-GDTCBIWYB604EHO5LD1T/Lending-stream-test.png Home - Lending Stream - Test. We finally decided that the split form and the single field (designed by someone else) form could solve the problem statement and should be user tested. We tweaked and improved those 2 concepts following the feedbacks and developed two prototypes. I then helped the UI designers creating a design system guidelines in Sketch for further design projects and worked closely with the front end team in India to build a high fidelity protype and make sure it functioned as expected. The result were quiet positives, they conducted a user testing session with an agency. The participants found the process easy to use, fast and trusthworthy and felt secure, intuitive, effortless. The single field form felt longer and slower despite the same amount of fields Having an overview of the total lenght of the application form and how far they had progressed was desirable.