Client : BSI (The British Standards Institution)

Project : SURE2 (Digital transformation)

About the company: The British Standards Institution (BSI) is the national standards body of the United Kingdom. BSI produces technical standards on a wide range of products and services and also supplies certification and standards-related services to businesses (B2B & B2C). BSI represents UK interests across all European and international standards organizations and committees.

About the project: I've worked in the Medical Devices department, where BSI helps clients worldwide obtain licenses to sell their products globally. Currently, on the BSI commercial site, clients fill out a form for product and certification details. Despite the existing digital platform's technical constraints, BSI reviews and onboards clients. However, there are challenges: clients resort to emails for document exchange, application tracking is absent, and the platform lacks features. BSI aims to redesign it for a more streamlined client experience. Additionally, there's a need for a digital platform for BSI staff, providing a dashboard for managing applications, assigning tasks, communicating with clients, and monitoring team progress."

BSI-banner-mobile

I worked with

PMs, Stakeholders, BAs and Developers

I have used

Figma, Miro, ProtoPie, Analytics

Time scale

12 months to finish both projects

Design Team

Just me (end-to-end design), CX/UX lead

Project 1

Client’s Portal / CRM / Dashboard

Overview

It's a digital platform for clients, offering features such as tracking application status, communication with BSI staff, document upload and download, and contract signing. Currently, all communication occurs through emails, which does not meet clients' expectations.

  • Customer journey mapping

    Identify the issue

    Conduct research and gather data

    Prioritize issues and define problem statements

    Present ideas to stakeholders

    Create wireframes for the solution

    Develop rapid prototypes

    Test concepts with users for feedback and design validation

    Conduct workshops and testing sessions as needed

    Iterate wireframes quickly and test prototypes

    Analyze data before and after implementation to measure results

    Collaborate with the Appian development team (No code, Low-code platform)

    Collaborate with third-party vendors (Salesforce, Darwin, etc.)

  • I am the only designer (Research, testing, Wireframing, Prototyping, Stakeholder management )

    + 1 head of UX/CX (Reporting)

    Dev team: Appian developers

  • I led the whole design process from start to finish. This included collecting information (through user testing, feedback, and analytics), coming up with and testing ideas, researching users, creating wireframes and prototypes, attending meetings with stakeholders, participating in sprint calls with the development team, and making improvements based on business goals and user feedback.

Stage 1 : Scope & Understanding the issue

I facilitated a brainstorming workshop with the team to uncover issues and challenges experienced by individuals.

The session yielded the following revelations:

  • Current users can only see 3 applications with tabs.

  • Modal window with a lot of copy; users cannot click on the completed steps to go back.

  • Users have to scroll a few times to see the entire page.

  • The modal window within a modal window.

  • Users cannot search for a specific application.

  • Users have no idea about the timescale or status of the assessment.

  • Users cannot see the communication between the client & BSI.

  • Users don't know the status of their query.

  • No branding/visual design approach.

  • Search & filter by date or application number not available.

  • Where are the uploaded documents?

  • Review application before submission is not applicable.

  • A lot of email exchanges instead of a chat option.

    Main Challenges:

    Appian is a low-code, no-code platform, but it faces technical constraints.


Stage 2 : Workshops / pain points gathering

Workshops
Sprint planning & workshops
BSI-stakeholder-meetings-workshop
High level journey mapping (Current application process)
BSI-journey-mapping
Pain points gathering (Stage 1 - High level)
BSI-journey-mapping

Clients / Users requirements

  • Having information in one place with drill-down and filter options

  • Seeing the status of certificates in real-time

  • Reducing income to eliminate the need to track queries

  • Getting queries resolved quickly

  • Timeline and progress information, including open and completed tasks

  • Elapsed time and expected completion date

  • Guidance on what to do next

  • Who is working on what

  • Spend against quote

  • Status of queries

  • Ability to:

    • Manage resources and plan more effectively

    • Manage the budgeting process better

    • Be proactive in managing internal customer relationships

    • Be more efficient in working with BSI

    • Respond to changes early and with more confidence

    • Spend less time looking for information and guidance

    • Reduce wasted time reconciling and querying invoices

    • Improve internal audit processes

These requirements have been gathered from research, feedback, and workshops.

Business / Stakeholder requirement

  • Our new journeys are standardised and designed in a modular way to enable scalability, allowing new scheme types or new assessment approaches (e.g. hybrid audits) to be incorporated relatively quickly, by changing business rules rather than the process itself

  • For every client engagement, a conformity plan will capture all assessment activities in one place and become the overarching control mechanism to ensure that all tasks required from a regulatory perspective are planned, monitored, and tracked.

  • A digital audit trail will link all assessment artefacts (e.g. documents, decisions, and people) to a client certificate.

  • Simplified and smarter processes, integrated, scalable & reproducible systems, and accurate management information.

  • Quickly responding to regulatory change, effectively matching our capacity to demand, underpinned by effective workforce planning.

  • A solid foundation of plentiful, reliable, well-governed and accessible data.

  • Branding & consistency across all channels

These requirements have been gathered from workshops & stakeholder interviews

Current Platform

BSI-dashboard
Main screen
BSI-email
Client onboarding email
BSI-dashboard
Second screen
BSI-dashboard-login-old
Client login screen

Current user journey (Functional structure)

BSI-stages

The current process lacks clarity for clients and proves to be time-consuming. A significant portion of the process relies on manual tasks, which not only inconveniences users but also results in duplicated efforts, such as filling out forms multiple times. Furthermore, the process presents challenges when it comes to raising queries, making it a unmanageable and frustrating experience for users

Target user journey (Functional)

BSI-new-stages

Initial concepts (MVP)

Version A

Version B

I started with simple concepts & wireframes and improved them based on what was needed and what users said. The two versions you see are the final ones approved by everyone. I tested both with our team and clients, and more people liked Version B (55%). Version A also takes more time to build. So, I gave Version B to the team who builds it. I joined their meetings to explain how it should work and answered any questions they had.

A/B test


Future version

Used the new design system to design the components. Part of the Vision 2025

Due to technical constraints, the Appian team cannot develop this CRM platform as we intended. Therefore, this concept is a part of the future version or the next phase of the project.

BSI is currently undergoing a digital transformation phase, so they are seeking a clean, minimal, and modern design.

As a result of the signed Non-Disclosure Agreement (NDA), I am bound to present only a limited amount of real-time data.

I can show more screens & user flows during the interview if require

Project 2 :

Staff dashboard / Portal

Overview

It's a digital CRMplatform for BSI associates and professionals, offering features like checking COI status, document upload and download, and contract signing. Currently, all communication happens through emails, which can be frustrating. Every time they need a specific document or contact details, they have to search through emails, and all documents are stored in Excel format, PDF’s and other types.

Client and staff portals connected and i have followed the same UX approach for this project

Key Issues prioritised

1. Not able to assess the workload and manage staff

2. Time & money management

3. CX(Customer experience) issues & multiple portals for single application

4. Avoid depending on email as a primary source

5. No digital environment

6. No transparent application tracking

I have worked with different team members from the business to create the Customer Journey Map, where all team members can see the various touchpoints and interactions customers experience throughout their entire journey with our product or service. This strategic approach has facilitated a deeper understanding of the customer's perspective, emotions, and pain points at each stage of their journey. By identifying crucial moments of interaction, I can optimise and customise our offerings to improve customer satisfaction, loyalty, and the overall experience. The ultimate goal is to create a comprehensive view of the customer's journey, enabling us to make informed decisions and implement improvements that align with customer needs.

Customer journey mapping

BSI-customer-journey-map-blueprints
BSI-customer-journey-map-blueprints

I have conducted workshops to collect feedback on the existing portal, identifying key pain points in the process.

Final designs & concepts

I started with simple concepts & wireframes and improved them based on what was needed and what users said.

BSI-dashboard-concept-1
Version A
BSI-dashboard-concept-3
Version B
Version C

Worked on two distinct versions utilizing different design systems. Version C represents an enhancement to the existing platform, while Versions A and B envision future iterations.

BSI-dashboard-mobile-concept-1
Mobile design  (Clients preferred and liked this)

Result

  1. Easily Track Application Progress Instead of Relying on Emails

  2. Seamless Communication with BSI Colleagues via the CRM Platform/Chat

  3. Rapid and Secure Document Sharing Between Parties

  4. Reduced Pressure on Customer Service with Streamlined Processes

  5. Effortless Contract Signing through DocuSign

  6. Enhanced Customer Satisfaction: Score Up from 1/5 to 4.2/5

  7. Cost & Time-effective for both parties

  8. Optimised key journeys (onboarding, Chat, Document sharing, Contract exchange, Application tracking, emails etc)

More projects