3rd Party Integration

Manage all third party orders from a single screen on the POS and unlock channel insights to understand how each section collaborate each others in the backoffice.

Problem Statements

With difficult economic conditions around the world, many businesses are trying to reduce costs and gain profit.

Role

User research
Graphic Design
UI&UX Design

Tool

Photo shop
Figma
Jira

Timeline/Project Scope

I plan and document to make sure our team knows about the scope of the project.

Discover Phase

Competive Analysis

Competitive Analysis is a strategic management is an assessment of the stregths and weknesses of current and potential competitors. I did a research not limiting to the competitor list which was given by stakeholder.

Define Phase

User Persona

I created difference User Personas based on the target user group and all the information gathered by the research. I was able to create one fictional character who represented the target user groups of the features.

Empathy Mapping

In order to get a deeper understanding about User Behaviours and decisions, I used Empathy Mapping Method. An empathy map is a collaborative visualization used to articulate what we know about a particular type of user. It externalizes knowledge about users in order to> Create a shared understanding of user needs> Aid in decision making

Define Phase

User Journey Mapping

Based on the User Research I have created a Customer journey Mapp is to better understand the crucial pain points, challenges, mindset and overall journey which user may encounter while using the 3rd-party integration with the systems.

Define Phase

User Pain Point

Knowing my pain points and gains helped me to know the features that would help me have a better operation than what is already obtainable, meet user goals and have better experience
Need proper training for new features
New features are good, but need more stateble maintainance
Simple is the best, don’t make things too complicated
Can you inform me about the system update?
Price

Design Phase

Low Fidelity Prototype

Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience. I began to design my fist low fidelity prototype using Figma.

Testing Phase

User Feedbacks

I used the prototype to conduct a test with five users in our target demographic. Participants were able to set up the 3rd-Party Integration in the back office with ease and happy with the design. There were a few feedbacks, and the feedback helped me uncover opportunities to improve the overall user experience by building on effective, efficient, and trustable experiences for my users.

Negative Feedbacks

Positive Feedbacks

Testing Phase

Improvement

I added the numbers of orders in each section for a clear view. And I improve these pages by following the company library.

Testing Phase

Improvement

I added the Estimate Prepared Time after reviewing the research statement from the clients. And provide options for the customer to change the time to their preference.

Design Overview

Hifidelity Design for POS

Design Overview

Hifidelity Prototype

Design Phase

Flow Catching

Design Phase

Hifidelity Design for Back Office

Design Overview

Hifidelity Prototype

Take Away

What I learn

Working on this project was difficult, and everyone who took part in it deserves praise for their efforts. I gain a lot of knowledge about the variety of viewpoints, which I later used to my advantage in the research and interview stages. User Flow aids in my mental clarity, but more significantly, it enables me to confirm that we are headed in the right direction.
During the designing and learning phase, the stakeholder interview reduces the pressure and anxiety by teaching me that the business thinking and the design mindset may differ.
Last but not least, I discovered that no design is flawless. There is constantly room for development.

Company Products Website：https://www.abcpos.com/
Back To Top