Supply Chain Platform

Boosting Efficiency with a B2B Supply Chain Platform

November 2018

Image of a laptop displaying the Tesco platform

The Setup

Tesco, the retail giant, embarked on a journey to revolutionise their internal supply chain web application.

In a quest for transformation, they entrusted me with the role of a Senior UX/UI Designer to weave a seamless user experience and invigorate the interface.

The project's ultimate mission?

To unravel a user-centric realm for Tesco employees and their dedicated suppliers.

My role

Senior UX/UI Designer

I was entrusted with understanding user needs, creating wireframes and visual presentations, addressing user stories, and refining the application based on the feedback received.


  • Partnering with product owners.
  • Understanding user needs.
  • Focusing on 7 user stories.
  • Creating visual presentations.
  • Presenting solutions to stakeholders.
  • Incorporating received feedback.


  • User centered solutions to 7 user stories designed in Sketch and rationalized with annotations in PDF format.

Project team

  • 2 Product Owners
  • 3 Developers
  • Senior UX/UI Designer (Myself)

Digital Toolset

The Challenge

Tesco faced a pressing challenge: their internal supply chain web application was in need of an enhanced user experience and interface design.

The urgency lay in addressing critical user needs while urgently reorienting the application to become profoundly user-centric for the benefit of Tesco employees and suppliers


In my concerted approach to this project, I worked hand in hand with the product owners, delving deep into the intricacies of user needs while dissecting the most acute pain points that required my immediate attention.

These collaborative efforts were instrumental in laying a strong foundation for the design journey that awaited.

I embarked on the initial stages of sketching and wireframing, harnessing the power of Sketch as my creative tool.

It was here that the abstract concepts transformed into tangible visualizations, creating a bridge between my vision and the reality of the application.

However, the pinnacle of my approach was the interactive dialogues with senior stakeholders.

Presenting my evolving solutions was only the beginning, for their feedback served as the catalyst for transformation.

My designs underwent a series of refinements, fine-tuned and calibrated with precision, ensuring that each iteration was a step closer to sign-off.

This dynamic exchange, involving 1-2 rounds of adjustments, was key in earning stakeholder approval for the final design.


Collaborating with the product owners, and devlopers, I worked through the following 3-step process.

Process Menu

1. Discovery
  • Business requirements and User Needs
2. Design
  • Programme Settings Screens
  • Demand vs Supply Screen
  • Feedback and iteration
3. Delivery
  • Final Deliverables

1. Discovery

Business Requirements & User Needs

In a series of immersive meetings, I actively engaged with the product owners, diving deep into collaborative discussions and iterative brainstorming.

Our deliberations delved into the intricate nuances of user flows, meticulously crafting the information architecture, and working with rudimentary product wireframes.

Throughout this process, my core objective was to foster a holistic understanding, bridging the chasm between user needs and business imperatives.

Our collaboration was not confined to mere conversations; we transcribed our insights and requirements into documented records, ensuring a comprehensive grasp of the project's multifaceted landscape.

2. Design

Programme Settings Screens

My mission was to explore and solve a diverse array of six unique user stories, each offering a glimpse into different aspects of the application's intricacies.

I began this journey by sketching out my ideas, translating these user stories into tangible concepts.

Once the initial concepts were sketched, I leveraged the digital power of Sketch to create high-fidelity wireframes that served as a visual roadmap for my collective vision.

These wireframes went beyond abstract ideas, transforming into vivid representations of my design concepts.

Each element served a clear purpose, intricately connected to enhance the overall user experience.

This process involved the art of rationalisation, where annotated visual presentations provided a compelling framework to convey the logic and reasoning behind each design element, helping to create a deeper understanding of my creative choices.

User Story One:

Create a new season for a product

"I want to create a new season on a product for a year, but it has yet to have any seasons on it."

User story 1 solution rationale - image 1
User story 1 solution rationale - image 2
User story 1 solution rationale - image 3
User story 1 solution rationale - image 4
User story 1 solution rationale - image 5
User story 1 solution rationale - image 6

User Story Two:

Add a season to a product and year where it already has seasons

"I want to create a new season on a product for a year, and there are already seasons present for that product and the year in question."

User story 2 solution rationale - image 1
User story 2 solution rationale - image 2
User story 2 solution rationale - image 3
User story 2 solution rationale - image 4

User Story Three:

Edit an existing season (core elements only)

"I want to edit the core aspects of an existing season, including which suppliers are associated with it (but not the attributes associated with it.)"

User story 3 solution rationale image

User Story Four:

Edit a supplier level season setting

"I want to edit the settings, such as buying model associated with a supplier within a particular season."

User story 4 solution rationale image

User Story Five:

Delete a season entirely

"I want to remove a season entirely from a product-year relationship."

User story 5 solution rationale - image 1
User story 5 solution rationale - image 2

User Story Six:

Filter to focus on a supplier(s)

"I want to see which seasons one or more of my suppliers are associated with as well as the relevant details."

User story 6 solution rationale - image 1
User story 6 solution rationale - image 2

Demand vs Supply Screen

Demand vs Supply screen rationale image

Feedback and Iteration

Post-presentation, I embarked on a vital stage of feedback and design refinement.

Stakeholder insights triggered iterative changes, fine-tuning the interface to meet users' needs and business objectives.

This dynamic exchange, involving 1-2 rounds of adjustments, was key in earning stakeholder approval for the final design.

3. Delivery

Final Deliverables

Securing final sign-off for all the solutions, I executed the delivery with careful precision.

The handover to stakeholders was a comprehensive package, comprising impeccably annotated PDF presentation files and my original sketch files.

Each layer was not merely organised but thoughtfully and accurately named, reflecting my unwavering commitment to professionalism and attention to detail.


Upon project completion, the client acknowledged the significant impact of our collaborative efforts, which led to the development of a user-centric experience for both Tesco employees and product suppliers.

The iterative feedback process, in which stakeholders played an integral role, played a vital part in refining the final design, ensuring it was poised for further user testing to validate its effectiveness and success.

My work, successfully delivered on time, laid a strong foundation for the next steps in the project's evolution.

Final Solution

Solution icon
User Story Solutions
  • Successfully addressed and provided solutions for six distinct user stories, addressing various aspects of the supply chain web application.
Comprehensive Wireframes
  • Developed high-fidelity wireframes for each user story, ensuring a comprehensive and detailed representation of the proposed designs.
Annotated Presentations
  • Skilfully created annotated visual presentations for each solution, rationalising design choices and conveying the logic behind design elements.
Stakeholder Collaboration
  • Actively engaged in collaborative sessions with stakeholders to gather insights and incorporate feedback, resulting in refined and user-centric design concepts.
On-Time Delivery
  • Delivered solutions on time and within the project's requirements, ensuring that the design phase was a well-prepared precursor for upcoming user testing and validation.


Effective Collaboration
  • Collaborating closely with product owners and stakeholders proved crucial in gaining a deep understanding of user needs and refining design concepts.
  • Effective communication and cooperation were vital for project success.
Detailed Rationalisation
  • The process of annotating visual presentations to explain design choices proved essential in conveying the logic behind each design element
  • Detailed rationalisation enhanced stakeholders' understanding and trust in the design solutions.
Preparation for Testing
  • Recognising the need for user testing and validation as a next step in the project highlighted the importance of preparing design solutions for iterative refinement based on user feedback.
  • These lessons learned provide valuable insights from the project experience.

Next Steps

1. User Testing & Validation
  • Conduct comprehensive user testing to evaluate the effectiveness of the design solutions in addressing user needs.
  • Gather feedback from Tesco employees and suppliers to identify areas of improvement.
2. Iterative Refinement
  • Based on the feedback received from user testing, initiate rounds of iterative refinement to fine-tune the interface and overall user experience.
  • Address any issues or pain points identified during testing.
3. Deployment & Training
  • Roll out the updated supply chain web application across the organisation.
  • Provide training and support to ensure that Tesco employees and suppliers can effectively use the platform.
4. Monitoring & Performance Optimisation
  • Implement monitoring tools to track the performance and usage of the platform.
  • Continuously assess its efficiency and identify areas for optimisation to enhance user experience.
5. Scalability & Expansion
  • Consider the scalability of the platform to accommodate future growth and additional users.
  • Plan for expanding the platform's capabilities to meet evolving business requirements.
6. Compliance & Security
  • Ensure that the platform complies with industry regulations and data security standards.
  • Regularly update security measures to protect sensitive supply chain data.
7. Integration with Other Systems
  • Explore opportunities to integrate the supply chain platform with other internal and external systems, such as inventory management and supplier databases, to streamline processes further.
8. Maintenance & Support
  • Establish a dedicated support and maintenance team to address technical issues, updates, and user inquiries. Ensure the platform remains up to date and functional.
9. Data Analytics & Insights
  • Utilise data analytics to gain insights into supply chain performance and efficiency. Leverage data to make informed decisions and optimise operations.
10. Strategic Planning
  • Develop a long-term strategy for the supply chain platform, aligning it with Tesco's broader business goals and objectives.
  • Ensure that the platform evolves to meet changing market dynamics
11. Stakeholder Engagement
  • Ensure that the platform complies with industry regulations and data security standards.
  • Regularly update security measures to protect sensitive supply chain data.