Improving the design of the Barclays phonebook
Redesigning the Barclays password reset app
The Barclays internal password reset app enables colleagues to reset or unlock their company laptop accounts, VPN tokens, and other application and server passwords. I led the UX and UI design for this project, collaborating with our team's BA to understand all requirements before working on user flows for each journey, and investigating any error scenarios or gaps. There were multiple flows, each with variations based on task or device and many error handling requirements. Despite these complexities, I created a clean, easy-to-navigate interface with consistent, familiar steps across every flow.
One of the biggest pain points of the existing app was poor error messaging. So I re-wrote these to be easy to follow, jargon-free errors that highlight the problems and the solution.
Colleague facing mobile app in need of a redesign
The Barclays Now mobile app allows colleagues to use the main features of the intranet on the go. Features such as:
Manage tasks and complete actions
Collaborate with colleagues
Keep up to date with the news
Access tools and information
I was tasked to improve the UI across the entire app and replace the old dated screens with visuals that were more on brand with the brand guidelines at that time.
Redesigning the Barclays Intranet
I am currently working on the redesign of the Barclays Intranet, which is being re-platformed onto SharePoint. The intranet allows colleagues to stay up-to-date with the latest news and alerts, manage approvals and tasks, and access important tools and links. The redesign has progressed through several stages:
Concept design
Initially, I worked with my Director and Product Owner to create concept designs experimenting with different ideas and layouts of how the new Intranet could look and feel and how we could surface all the different content to our colleagues. These concepts were used to get buy-in from stakeholders to green-light the redesign project and were even presented to Microsoft and gained positive feedback.
Project start
Once the project properly started I had to look into how we could rebrand SharePoint to use the new Barclays brand. I worked with our dev team to understand what could be done within SharePoint and helped lead our team to use Microsoft's Fluent UI as a base design system in Figma, but to rebrand every component so it followed the Barclays brand guidelines. This was a lengthy process and involved adding components from our Barclays design system along with introducing new Figma variables, but this had to be done so we could start designing templates for the new Intranet.
Current project status
Initially I had redesigned most of the main sections. This involved creating user flows for the main tasks for each section along with all error scenarios and admin functionality. Factoring in feedback from colleagues on our existing website to include new features or improvements to each section. Providing detailed UI and UX handover specs for our devs and regularly working with the Brand team to ensure brand approval. Update Nov 2024: My team was merged with another internal facing team, which has enabled us to now broaden the scope of the intranet project going into 2025.
Design systems
Upon joining Barclays, I took the initiative to create a pattern library in Sketch for our team, addressing the lack of an existing library that had led to inconsistencies in basic elements. This new library improved UI standards across our projects and made the design phase more efficient. For the Phonebook and Password Reset applications, I led our team in the early adoption of the new Barclays brand design system, ensuring we were among the first to implement the new brand for internal-facing projects.
With the transition of the new Intranet to SharePoint, my current focus is on leading our team in utilising Microsoft's Fluent UI as our base design system in Figma. This involved a thorough process of restyling Fluent UI components to match the Barclays brand, adding and recreating components from our Barclays design system, and introducing Figma variables. This is an ongoing project that aims to produce Barclays-branded Fluent UI components that can be used to design Barclays SharePoint websites
