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 absence of a clear visual guide created confusion and inefficiencies across the design and development teams.
Without consistent UI standards, stakeholders and developers lacked alignment, leading to slow iteration cycles and inconsistent user experiences.

Challenges

  • No defined design system or visual guide.

  • Misalignment between stakeholders and developers.

  • Delayed implementation due to unclear handoffs.

Goal

  • Improve the user interface to make it intuitive and consistent

  • Enhance usability for business owners and employees

  • Align stakeholders and developers around clear design standards

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 better understand the industry and user expectations, I studied leading POS systems such as Clover and Square. I focused on their onboarding experiences, payment flows, and inventory management features.​

Findings

  • Simple and clear onboarding helps users adopt the product faster

  • Consistent UI patterns reduce learning time and confusion

  • Shortcuts and clear navigation improve everyday usability

Translating Insights into Design

I built a design system that defined typography, color palette, spacing, and components. This created a shared visual language for stakeholders and developers, ensuring consistent design decisions.

I started with low-fidelity wireframes to validate flow and layout, then iterated into high-fidelity prototypes. Regular feedback loops with stakeholders aligned the solution with business goals.

On Boarding – 1

Solution

To create consistency and improve teamwork, I delivered a design system and interactive prototype that clarified visual standards and streamlined developer handoff.

Key Deliverables

  • Comprehensive design system for consistent visual language

  • Interactive prototypes showcasing improved onboarding and dashboards

  • Redesigned onboarding sequence and intuitive dashboard flow

Results

The updated design system and refined onboarding flow significantly improved alignment across teams and accelerated development. The new UI reduced back-and-forth during handoff, allowed developers to implement features more consistently, and helped stakeholders make faster decisions. Early user feedback from business owners showed that the cleaner navigation and simplified onboarding made the POS system easier to learn and use from day one.

Impact

  • Faster developer handoff due to clear visual standards

  • Reduced design inconsistencies across screens

  • Quicker stakeholder approvals with a unified design language

  • Improved onboarding clarity for first-time users

Learnings

This project showed me how powerful a well-defined design system can be in maintaining consistency and improving efficiency. In the past, I often jumped into design without setting up a clear structure, which made later revisions more difficult.

Through TAP Local POS, I learned that documenting design standards early helps streamline collaboration and ensures scalability for future updates.

Takeaways

  • Clear goals guide design decisions and stakeholder alignment

  • Competitor analysis provides actionable insights

  • Documenting UI patterns early improves efficiency and scalability

rotato 1
Welcome.png
TAPLocal.png
Sale – 2.png
Sale – 3.png
Settings.png
Mask group
bottom of page