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
UX Research
Client
TAPLocal
Duration
2 Months
Problem
The absence of a clear visual guide created confusion and inefficiencies, leading to misalignment between stakeholders and developers, and ultimately slowing down the development process.
Goal
Improve user interface
Enhance usability
Chance to collaborate with stakeholders and developers
Create clear goal for stakeholders and developers
Solution
To ensure consistency and improve collaboration, I developed a structured design system that provided clear visual guidelines for stakeholders and developers. This framework helped maintain a cohesive user experience while streamlining implementation. Drawing inspiration from Clover and Square, I focused on creating an intuitive, scalable interface that enhanced usability.
To validate my design decisions, I built an interactive prototype that showcased the improved user experience. By iterating based on stakeholder feedback and aligning with business objectives, I refined the design to ensure clarity and ease of use. This process not only strengthened collaboration but also facilitated a smoother handoff to developers, resulting in a more efficient implementation.
Research Process
To quickly familiarize myself with the project and product, I conducted in-depth competitor research, analyzing user interactions within leading POS systems like Clover and Square. By studying their onboarding processes, payment flows, and inventory management systems, I identified key elements that could enhance the functionality and user experience of my design. Clover’s robust employee management tools and advanced inventory tracking influenced how I structured TAP Local POS’s user roles and stock monitoring features. Meanwhile, Square’s seamless app-based setup and intuitive sales reporting inspired refinements in the onboarding flow and data visualization to improve usability and business insights.
Findings
Intuitive user experience
On boarding instructions
Simple UI
Multiple shortcuts to most used features
Recommendations
Design system
Intuitive UI
Ease of use
Design Process
To ensure consistency and usability, I developed a design system that included typefaces, a color palette, spacing guidelines, icons, and other essential UI elements. This system not only provided a clear roadmap for stakeholders and developers but also encouraged consistency across the product. Inspired by Clover’s structured inventory management interface and Square’s streamlined onboarding experience, I ensured the design system supported an intuitive, scalable user experience.
I started with low-fidelity prototypes to establish visual hierarchy and validate user flows. Collaborating closely with the product manager, I aligned my designs with business goals and functional requirements. Through multiple iterations and feedback cycles, I refined the prototypes into high-fidelity designs, incorporating insights from competitor research to enhance ease of use, optimize payment flows, and improve dashboard clarity. These final prototypes effectively communicated my vision to stakeholders and developers, guiding the implementation process.
Learnings
This project reinforced the importance of a well-defined design system in maintaining consistency and efficiency. In the past, I often jumped straight into designing without establishing a structured style guide, which led to inconsistencies and challenges when revisiting designs. However, as I developed TAP Local POS, I saw firsthand how a clear design system—covering typefaces, color palettes, spacing, and UI components—not only streamlined collaboration with developers but also improved usability and scalability.
Additionally, analyzing competitors like Clover and Square highlighted how consistency in design enhances user experience. Inspired by their structured approaches, I now prioritize creating style guides at the outset of every project, ensuring a cohesive and maintainable design while making future iterations more seamless.
