Redesigning Yallo’s POS

Enhancing User Experience and Streamlining Sales Processes

Role

Design Lead

Skills

Service Design UI Design UX Design Research Protyping

Team

Myself (Design Lead) 1 Jr. Designer 1 Senior Project Manager

Period

2022 4 months

The Brief

What was the problem?

The existing Yallo POS (Point of Sale) tool, used by sales agents and business units, was outdated and lacked critical features identified in previous user research. While functional, the system was visually unappealing and had a steep learning curve. Additionally, backend changes required a complete redesign of the tool.

What was the ultimate goal?

To redesign the POS tool to: • Improve usability and efficiency for sales agents and internal stakeholders. • Incorporate missing features based on user feedback. • Align the design & New Design System with Yallo’s branding guidelines.

Challenges & Solutions

Understanding Internal Terminology.

Understanding Internal Terminology.

Understanding Internal Terminology.

Rapid Onboarding

Rapid Onboarding

Rapid Onboarding

Organizational Changes; oportunities to Growth

Organizational Changes; oportunities to Growth

Organizational Changes; oportunities to Growth

Diverse Stakeholders

Diverse Stakeholders

Diverse Stakeholders

Balancing Work and Studies

Balancing Work and Studies

Balancing Work and Studies

My Design Process

Tools & Methods

Design Thinking Strategies Workshops & Interviews Usability Testing User Flows

Software

Figma Figjam Google Analitics User Testing

Platform

Resposive Web app

01. Discovery

Understanding the Problem

As the newly hired lead designer, my initial task was to redesign Yallo’s POS tool. The urgency stemmed from two key factors:

  1. Outdated Design: The existing tool lacked critical features and had a steep learning curve, impacting usability.

  2. Technical Constraints: A backend system replacement required a complete redesign.


Balancing this project with my full-time Master’s in Service Design, I focused on rapidly understanding the system and user needs:


  • Workflow Analysis: I created a detailed workflow map to identify inefficiencies and areas for improvement.

  • Actor Mapping: I mapped out all stakeholders to ensure effective prioritization of user needs.

  • User Research Review: Leveraging previous research, I clustered insights in FigJam and worked with the Product Owner (PO) to prioritize key issues.

  • Learning Internal Terminology: To align with stakeholders, I quickly familiarized myself with Yallo’s internal jargon (e.g., CdRator, MBB, Prismic).

Going Deep into complexity

In order to understand the system I mapped a System Flow, Stakeholders map and I clusther all the findings, dividing them ino categories, wether it was questions for the Yallo Team, For the agency that hired me, For the Stakeholders, Assumptions to test, & New Ideas & Features.

Full Dashboard

Going Deep into complexity

In order to understand the system I mapped a System Flow, Stakeholders map and I clusther all the findings, dividing them ino categories, wether it was questions for the Yallo Team, For the agency that hired me, For the Stakeholders, Assumptions to test, & New Ideas & Features.

Full Dashboard

Going Deep into complexity

In order to understand the system I mapped a System Flow, Stakeholders map and I clusther all the findings, dividing them ino categories, wether it was questions for the Yallo Team, For the agency that hired me, For the Stakeholders, Assumptions to test, & New Ideas & Features.

Full Dashboard

First Lo-FI Prototype as conversation starter

One of the first prototypes as conversation starter with the Yallo team, to align the most important question "What does a redesign mean to you?". By showing instead of just telling we were able to align ans synch in a common goal. We thought not only from the interface itself, but beyond, proposing a "waiting list" feature, where users could enter their data before.

Firs Lo-Fi prototype

Waiting list & self check in

First Lo-FI Prototype as conversation starter

One of the first prototypes as conversation starter with the Yallo team, to align the most important question "What does a redesign mean to you?". By showing instead of just telling we were able to align ans synch in a common goal. We thought not only from the interface itself, but beyond, proposing a "waiting list" feature, where users could enter their data before.

Firs Lo-Fi prototype

Waiting list & self check in

First Lo-FI Prototype as conversation starter

One of the first prototypes as conversation starter with the Yallo team, to align the most important question "What does a redesign mean to you?". By showing instead of just telling we were able to align ans synch in a common goal. We thought not only from the interface itself, but beyond, proposing a "waiting list" feature, where users could enter their data before.

Firs Lo-Fi prototype

Waiting list & self check in

Results

5+

Workflows analyzed to id. painpoints

5+

Workflows analyzed to id. painpoints

5+

Workflows analyzed to id. painpoints

20+

Insights clustered

20+

Insights clustered

20+

Insights clustered

6+

wireframes for business Unit

6+

wireframes for business Unit

6+

wireframes for business Unit

02. Concept & Design

Iterating Toward an MVP

Building upon the rapid onboarding from phase one now I leveraged insights and the understanding of Yallo’s terminology, This phase was about design a solution. Responsibilities included:

• Collaborating with the PO, junior graphic designer, and client business units to refine the design based on feedback.

• Incorporating Yallo’s branding elements into the UI design while improving usability and creating a design system for the POS tool by integrating additional elements, into their existing CICD

• Presenting an MVP prototype at Yallo headquarters after several iterations.

Between the most important flows and the ones we tested were :

Dashboard and Home page

A newly proposed dashboard where the sales Reps could easily go through the offers, compare and start the checkout process

Overview of the findings, the Stakholder Map & The POS tool Flow

Dashboard and Home page

A newly proposed dashboard where the sales Reps could easily go through the offers, compare and start the checkout process

Overview of the findings, the Stakholder Map & The POS tool Flow

Dashboard and Home page

A newly proposed dashboard where the sales Reps could easily go through the offers, compare and start the checkout process

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly Made User Profile

The Sales reps. had now a dedicated user profile dashboard, with stats and metrics and all data necessary at a hand to do cross selling, upgrades and more.

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly Made User Profile

The Sales reps. had now a dedicated user profile dashboard, with stats and metrics and all data necessary at a hand to do cross selling, upgrades and more.

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly Made User Profile

The Sales reps. had now a dedicated user profile dashboard, with stats and metrics and all data necessary at a hand to do cross selling, upgrades and more.

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly integrated checkout experience

Integrating new features such as adding a phone at the checkout, and integrating the "Credit check" in the process to easy finish the sale without having to leave the process.

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly integrated checkout experience

Integrating new features such as adding a phone at the checkout, and integrating the "Credit check" in the process to easy finish the sale without having to leave the process.

Overview of the findings, the Stakholder Map & The POS tool Flow

Newly integrated checkout experience

Integrating new features such as adding a phone at the checkout, and integrating the "Credit check" in the process to easy finish the sale without having to leave the process.

Overview of the findings, the Stakholder Map & The POS tool Flow

Results

10+

Design Iterations

10+

Design Iterations

10+

Design Iterations

100%

Alignment to Yallo's CICD

100%

Alignment to Yallo's CICD

100%

Alignment to Yallo's CICD

1 MVP

Ready to be tested

1 MVP

Ready to be tested

1 MVP

Ready to be tested

03. Validation

Testing the Prototype

This phase focused on validating our design through extensive user testing and finalizing the deliverables for handover:

• User Testing: We conducted testing sessions with 13 stakeholders over three days, including business units, marketing teams, inbound & outbound agents & sales agents from different divisions (ethnic, direct, indirect sales). The feedback provided actionable insights into usability, navigation, and overall functionality.

• Iterating on Feedback: After synthesizing insights from user testing, I refined the design to address key issues and improve usability further.

For here show a part of the user tetsings, findings, analyise and what we finally deliver to yallo team, the styleguide and the design sytsem ready to be implemented

Example of one user test done online

Example of one user test done online

Example of one user test done online

Example data from the user testing

Example data from the user testing

Example data from the user testing

Final Delivery

Once the design adjustments were complete, we delivered: • A finalized POS prototype ready for development. • A comprehensive design system to support future updates. • All project resources (Figma files, user testing results, data analysis) packaged for Yallo’s internal UX and development teams. However, the delivery process left us with a bittersweet feeling. While we were proud of the work we had accomplished, we were expecting to either develop the project ourselves or collaborate with Yallo’s development team to bring it to life. Instead, the abrupt handover to their internal team left us feeling that the project was “incomplete.” The development phase is where many things are tested, re-tested, and iterated upon—critical steps in ensuring a polished final product. Nevertheless, the Goal was accomplished even if it wasn't as I would have like it to be finished.

Final Delivery

Once the design adjustments were complete, we delivered: • A finalized POS prototype ready for development. • A comprehensive design system to support future updates. • All project resources (Figma files, user testing results, data analysis) packaged for Yallo’s internal UX and development teams. However, the delivery process left us with a bittersweet feeling. While we were proud of the work we had accomplished, we were expecting to either develop the project ourselves or collaborate with Yallo’s development team to bring it to life. Instead, the abrupt handover to their internal team left us feeling that the project was “incomplete.” The development phase is where many things are tested, re-tested, and iterated upon—critical steps in ensuring a polished final product. Nevertheless, the Goal was accomplished even if it wasn't as I would have like it to be finished.

Final Delivery

Once the design adjustments were complete, we delivered: • A finalized POS prototype ready for development. • A comprehensive design system to support future updates. • All project resources (Figma files, user testing results, data analysis) packaged for Yallo’s internal UX and development teams. However, the delivery process left us with a bittersweet feeling. While we were proud of the work we had accomplished, we were expecting to either develop the project ourselves or collaborate with Yallo’s development team to bring it to life. Instead, the abrupt handover to their internal team left us feeling that the project was “incomplete.” The development phase is where many things are tested, re-tested, and iterated upon—critical steps in ensuring a polished final product. Nevertheless, the Goal was accomplished even if it wasn't as I would have like it to be finished.

Results

13

Stakeholders tested

13

Stakeholders tested

13

Stakeholders tested

15+

Actionable insights

15+

Actionable insights

15+

Actionable insights

96%

Acceptance of users

96%

Acceptance of users

96%

Acceptance of users

Personal Reflections

What I learn

Balancing Complexity

Balancing Complexity

Balancing Complexity

Stepping Back and Leading Others

Stepping Back and Leading Others

Stepping Back and Leading Others

Extreme Ownership & Project Management

Extreme Ownership & Project Management

Extreme Ownership & Project Management

Don't take it too serious

Don't take it too serious

Don't take it too serious

Outcomes & Next steps

The project’s goal was successfully achieved: we delivered an MVP of the POS tool based on user feedback, refined through several iterations, and ready for production. Alongside this, we provided a ready-to-use Design System built on Material UI, ensuring a smooth transition from design to development. Beyond improving the existing design, we revamped key functionalities and addressed overlooked user needs, creating a unified tool that aligned stakeholders and empowered end users—sales representatives across all departments—to excel in their roles. Although we didn’t participate in the production process, we later learned from the Product Manager that the project had been initiated by their team. Knowing that our efforts laid the foundation for its success made the journey worthwhile, even if I wasn’t part of the implementation phase. I’m proud to have contributed meaningfully to its success.