Case Studies: Barclays API Portal Redesign

portfolio thumb

The client

Barcklays Bank

URL: Barclays API Exchange

Industry

Financial Services

FinTech

My role

I worked on this project as a Senior UX/Ul Consultant for Financial Services. I was involve in UX/Ul design process. My responsioily was to create UX Architect, User-Stories, information Architecture, User-Flow, Wireframe, High-Fidelity Design & Prototype, and regular communicate with Dev-team and Stakeholders.

Project length

10 Months

Tools used

  • Miro- Brainstorming, Capturing Ideas, etc.
  • Xd - High-Fidelity Design, etc.
  • WCAG -Accessibile Design
  • Jira & Confluence - Documentation & Management
  • MS Team - Communication

About the project

Barclays wanted to create a new & more efficient developer API portal to replace the old one. The previous web-portal was based on the old Barclays template resuitino in low usaollity, poor conversion a lack or all necessary tunctions So, we decided to develop an appealing and functional web portal that would require less time to maintain, be more user-friendly, and increase user trust.

portfolio thumb

Project Goal

  • We aimed to create a well-thought-out web portal for Barclays developers that provides a fast-loading experience on all devices and is responsive.

  • Impress with efficient UX/UI design. We have strived to provide a stunning UX/UI solution within a simple yet effective web portal design, accompanied by powerful APIs.

  • Deliver conversion-focused design. We improved the website's conversion rate through the implementation of elements such as buttons, a logical structure, advanced search functionality, filters, a user-friendly menu, and much more.

  • Build a Functional Developer Panel: Our goal is to create a functional and user-friendly developer panel for content management.


  • UX/UI Design Process

    portfolio thumb

    Results and Impact

    Through the successful redesign of the Barclays API portal, we earned nominations in three distinguished categories: Best Design, Best Accessible DevPortal, and Best Developer Dashboard. Collaborating with the Barclays team on this project was a significant achievement for me, and I am proud to have been a part of it.



    portfolio thumb

    Client's Review

    Narendra's exceptional work in the redesign of our Barclays API exchange portal, with a strong emphasis on UX/UI enhancements, has yielded remarkable results. The enhanced user experience has not only led to increased efficiency and cost savings but has also earned us a well-deserved nomination in the prestigious Dev Portal Awards.



    Lesson Learned

    During the process of redesigning the development portal, I had the opportunity to immerse myself in the Barclays Design System and Branding. Additionally, I collaborated closely with Barclays' accessibility team, gaining valuable insights and experience along the way.



    What to read next

    blog-post
    HRMS WEB APP CASE STUDY:

    Efficiently Manage HR Operations with HRMS Tool

    Human Resource Management System (HRMS): A fascinating project showcasing my End-to-End Web App UX/UI design expertise. From scratch, I crafted an intuitive and user-friendly experience across 5-6 Modules, Leveraging extensive research and tool exploration.

    User Research UX/UI Design UX Workshop