A web application designed for managing software escrow, to ensure source code is secure and accessible.
Lead Designer
Lead Designer
NCC Group
NCC Group
Remote - UK
Remote - UK
Agile Iterative Design Process
Agile Iterative Design Process
2022 - Present
https://www.escode.com/view/
This redesign project aimed to overhaul the portal’s original design and user journey, simplify software escrow management, enhance security and improving the overall usability.
2022 - Present
https://www.escode.com/view/
This redesign project aimed to overhaul the portal’s original design and user journey, simplify software escrow management, enhance security and improving the overall usability.
Problem Space
Outdated escrow services for storing source code fail to meet modern design standards, expectations and accessibility, making users frustrated with poorly designed UI's and unclear workflows. While essential for secure code management, these platforms make the experience unnecessarily stressful and painful currently.
Problem Space
Outdated escrow services for storing source code fail to meet modern design standards, expectations and accessibility, making users frustrated with poorly designed UI's and unclear workflows. While essential for secure code management, these platforms make the experience unnecessarily stressful and painful currently.
Problem Space
Outdated escrow services for storing source code fail to meet modern design standards, expectations and accessibility, making users frustrated with poorly designed UI's and unclear workflows. While essential for secure code management, these platforms make the experience unnecessarily stressful and painful currently.
Secondary Research of Escrow Services
Internal Interviews
Based on the secondary research, I conducted interviews with 12 colleagues within NCC Group familiar with View, who have varying levels of experience of depositing code onto the platform. Their feedback highlighted two core themes, directly informing the redesign process.
Direct access to client feedback was delayed until much later stages of the project and remains intermittent, presenting a challenge in aligning the redesign with client expectations early on, due to security and budget constraints.
Managing Code Deposits Easily
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
“I want to see clearly the steps to upload code, and progress being made to if it’s done correctly.”
Desire
“The unclear UI makes it hard to know if my code is safely deposited, so I feel worried or anxious every time I need to deposit on View.”
Pain Points
Managing Code Deposits Easily
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
Managing Code Deposits Easily
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
“Whenever I upload code, I double-check everything first because I’m never sure if it’s uploaded correctly.”
Actions
Quickly Finding Previous Deposits
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
“I want to search and filter deposits I've made easily, without relying on my external tracking tools documents I currently use.”
Desire
“I need to look everywhere for my previous deposits, it wastes so much time and the outdated design is frustrating, making everything feel so unnecessarily long and complicated”
Pain Points
Quickly Finding Previous Deposits
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
Quickly Finding Previous Deposits
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
“I keep a separate document to track my deposits because it’s so difficult to find them in the dashboard.”
Actions
Designing for Core Users
To better understand the goals and pain points identified, I created a persona that consolidates the common themes, ensuring the redesign aligns with their needs.
To better understand the goals and pain points identified, I created a persona that consolidates the common themes, ensuring the redesign aligns with their needs.
To better understand the goals and pain points identified, I created a persona that consolidates the common themes, ensuring the redesign aligns with their needs.
Experience Mapping
The user journey map highlights key pain points, guiding design improvements to better address Arthur’s needs and streamline the outdated deposit process.
The user journey map highlights key pain points, guiding design improvements to better address Arthur’s needs and streamline the outdated deposit process.
The user journey map highlights key pain points, guiding design improvements to better address Arthur’s needs and streamline the outdated deposit process.
How can we aid users of escrow services store and manage code securely and efficiently, while addressing frustrations with outdated, complex design?
Identified Opportunities
Task Map
Task Map 1: Uploading Code to an Escrow Service
Ensuring code is uploaded securely with required details, while maintaining compliance of escrow signed agreements.
Ensuring code is uploaded securely with required details, while maintaining compliance of escrow signed agreements.
Ensuring code is uploaded securely with required details, while maintaining compliance of escrow signed agreements.
Task Map 2: Retrieving Code from the Escrow System
Correctly access and download existing deposited code with accurate permissions and file integrity.
Correctly access and download existing deposited code with accurate permissions and file integrity.
Correctly access and download existing deposited code with accurate permissions and file integrity.
Client Feedback Insights
During the design iteration process, client feedback provided valuable insights that helped refine and improve the redesign direction. Below is few commonly repeated feedback that was received.
During the design iteration process, client feedback provided valuable insights that helped refine and improve the redesign direction. Below is few commonly repeated feedback that was received.
During the design iteration process, client feedback provided valuable insights that helped refine and improve the redesign direction. Below is few commonly repeated feedback that was received.
Problem: Users Can’t Locate the ‘Deposit Now’ Button
Vendors struggle due to button placement on the far right.
Finding
Increase in vendor complaints & support tickets.
Metric
Move button to the left for consistency with other actions.
Solution
Problem: Users Can’t Locate the ‘Deposit Now’ Button
Vendors struggle due to button placement on the far right.
Finding
Vendors struggle due to button placement on the far right.
Finding
Vendors struggle due to button placement on the far right.
Finding
Problem: Users Can’t Locate the ‘Deposit Now’ Button
Vendors struggle due to button placement on the far right.
Finding
Vendors struggle due to button placement on the far right.
Finding
Vendors struggle due to button placement on the far right.
Finding
Problem: Reports Are Hard to Find
Users need to read a long document to figure out report access.
Finding
Time taken to locate reports & number of support tickets.
Metric
Add a clear ‘Reports’ button in the main menu.
Solution
Problem: Reports Are Hard to Find
Users need to read a long document to figure out report access.
Finding
Users need to read a long document to figure out report access.
Finding
Users need to read a long document to figure out report access.
Finding
Problem: Reports Are Hard to Find
Users need to read a long document to figure out report access.
Finding
Users need to read a long document to figure out report access.
Finding
Users need to read a long document to figure out report access.
Finding
Problem: Contact Details Are Not Saving
Users try to update details but changes don’t persist.
Finding
32% of failed attempts.
Metric
Either allow saving or disable fields with an explanation.
Solution
Problem: Contact Details Are Not Saving
Users try to update details but changes don’t persist.
Finding
Users try to update details but changes don’t persist.
Finding
Users try to update details but changes don’t persist.
Finding
Problem: Contact Details Are Not Saving
Users try to update details but changes don’t persist.
Finding
Users try to update details but changes don’t persist.
Finding
Users try to update details but changes don’t persist.
Finding
Current New Design
A full high-fidelity prototype of View cannot be displayed publicly in its entirety. However, selected elements that are publicly available are showcased here.
Login Page
Web Portal
Users can access the Escode View portal by logging into their existing account or creating a new one through the registration process.
Account Registration
Web Portal
New users are required to provide their details, including their name, contact information, and agreement specifics.
Components Marketing Compilation
Marketing Compilation
This is a compilation of various components from the portal’s current design, assembled by the marketing team for promotional purposes. Providing a preview of the design of Escode View.
Terms & Conditions
Web Portal
Public legal documentation, detailing the legal framework in which NCC Group and Escode View operates.
NCC Group Design System
NCC Group Design System
I lead the revitalisation of the NCC Group design system, hugely expanding the component library and reviewing each component. I also introduced and oversee documentation to ensure designers, developers, and stakeholders understand best practices and proper use.
The design system is the result of a collaborative effort involving 10 different people contributing at various times,
developed over six years across multiple stages.
Product Website
The product website, featured in the linked video, was developed by the marketing team to showcase its capabilities and appeal.
The product website, featured in the linked video, was developed by the marketing team to showcase its capabilities and appeal.
The product website, featured in the linked video, was developed by the marketing team to showcase its capabilities and appeal.
Project Thoughts
This project has been a rewarding experience, introducing me to a domain I had little prior knowledge of. It broadened my understanding of the development cycle and the scalability required for a product with an extensive existing client base, including large corporations.
This project has been a rewarding experience, introducing me to a domain I had little prior knowledge of. It broadened my understanding of the development cycle and the scalability required for a product with an extensive existing client base, including large corporations.
This project has been a rewarding experience, introducing me to a domain I had little prior knowledge of. It broadened my understanding of the development cycle and the scalability required for a product with an extensive existing client base, including large corporations.
Working within a strict regulatory framework provided new challenges, shaping my problem-solving approach. The project also honed my skills in building a platform from scratch while contributing to a design system supporting diverse products across the organisation.
Working within a strict regulatory framework provided new challenges, shaping my problem-solving approach. The project also honed my skills in building a platform from scratch while contributing to a design system supporting diverse products across the organisation.
Working within a strict regulatory framework provided new challenges, shaping my problem-solving approach. The project also honed my skills in building a platform from scratch while contributing to a design system supporting diverse products across the organisation.
