top of page
POS mockup 2

TAP Local POS

TAP Local POS application is all in one business solution system to help business owners to track sales and inventories.

Role

UI Design

UX Design

Visual Designer

Client

TAP Local

Duration

2 Months

Problem

The POS platform lacked a clear visual system and consistent interaction patterns, leading to confusion for both users and internal teams.

Business owners and employees struggled to learn and navigate the system due to inconsistent layouts and unclear onboarding. At the same time, the absence of design standards caused misalignment between stakeholders and developers, slowing down iteration and creating inconsistent user experiences.

Before Experience

The existing experience was fragmented and difficult to learn, especially for first-time users.

​

Key issues

  • Inconsistent UI patterns across screens

  • Unclear onboarding flow with little guidance

  • Lack of visual hierarchy, making navigation difficult

  • No shared design standards, leading to inconsistent implementation

 

As a result, users needed more time to understand the system, and teams spent additional effort clarifying and reworking designs.

Challenges

  • No defined design system or visual guide.

  • Misalignment between stakeholders and developers.

  • Delayed implementation due to unclear handoffs.

Goal

  • Create a consistent and intuitive user interface

  • Improve onboarding and usability for business owners and employees

  • Establish clear design standards to align stakeholders and developers

Untitled_edited.jpg
Design Guide – 1
Design Guide – 2
On Boarding – 1
On Boarding
On Boarding – 2
On Boarding – 3
On Boarding – 4
On Boarding – 5
On Boarding – 6
On Boarding – 7
Welcome
On Boarding – 7
On Boarding – 6
On Boarding – 5
On Boarding – 4
On Boarding – 3
On Boarding – 2
On Boarding
On Boarding – 1
On Boarding – 7
On Boarding – 6
On Boarding – 5
On Boarding – 4
On Boarding – 3
On Boarding – 2
On Boarding

Approach

Research and Discovery
To understand user expectations and industry standards, I analyzed leading POS systems like Clover and Square, focusing on onboarding, payment flows, and inventory management.
 
Key insights

  • Simple onboarding improves adoption and reduces drop-off

  • Consistent UI patterns reduce learning time

  • Clear navigation and shortcuts improve daily efficiency


These insights highlighted the need for both a structured onboarding experience and a consistent design system.

Key Trade-offs

Speed vs. foundation
Focused on building a design system first to ensure long-term consistency, rather than making quick UI fixes.

 

Flexibility vs. consistency
Standardized core components while allowing flexibility for different POS features.

 

Business needs vs. usability
Balanced feature requirements with simplicity to avoid overwhelming first-time users.

Constraints

  • No existing design system or documentation

  • Need to support multiple user types (business owners and employees)

  • Alignment required across stakeholders and developers

On Boarding – 1
Welcome.png
TAPLocal.png
Sale – 2.png
Sale – 3.png
Settings.png

Solution

I designed a scalable design system and restructured key user flows, focusing on onboarding and core navigation.

Key Design Decisions

Design system foundation
Defined typography, color, spacing, and reusable components to create a consistent visual language across the platform.

 

Structured onboarding flow
Redesigned onboarding into clear, step-by-step guidance to help users understand the system from the start.

 

Improved navigation and hierarchy
Organized dashboards and menus to make key actions more visible and easier to access.

 

Reusable components for consistency
Standardized buttons, forms, and UI patterns to reduce variation and improve usability.

 

Interactive prototypes for alignment
Used high-fidelity prototypes to communicate design intent clearly and reduce ambiguity during development.

Experience Improvement

Before

  • Inconsistent UI and interaction patterns

  • Unclear onboarding with little guidance

  • Difficult navigation and learning curve

  • Frequent misalignment during implementation

After

  • Consistent visual system across all screens

  • Step-by-step onboarding for easier adoption

  • Clear navigation and improved hierarchy

  • Predictable and reusable UI patterns

Improving Onboarding Experience

I simplified onboarding into guided steps that introduce the system gradually. Instead of overwhelming users with all features at once, the flow focuses on essential setup tasks first, helping users gain confidence early.

Designing for Everyday Use

I improved navigation and layout to support frequent tasks like payments and inventory management. Clear hierarchy and consistent patterns make it easier for users to complete actions quickly without confusion.

Improving Team Efficiency

The design system created a shared language for stakeholders and developers. This reduced ambiguity, improved communication, and made implementation more consistent across features.

Learnings

This project reinforced the importance of establishing a strong design foundation early.

A well-defined design system not only improves consistency but also speeds up collaboration and development.

I also learned that onboarding plays a critical role in product adoption—clear, guided experiences can significantly reduce friction for new users.

Takeaways

  • Strong design systems enable scalability and consistency

  • Competitor analysis helps identify proven UX patterns

  • Clear structure and documentation improve team efficiency

  • Guided onboarding improves user confidence and adoption

rotato 1
Mask group
bottom of page