Weedmaps Retail
Point of Sale Kiosk
As a key member of the WM Retail Team, I contributed to designing innovative solutions for dispensary owners, focusing on online order fulfillment, inventory management, and in-store checkout experiences. WM Retail's POS PaaS empowers clients to customize their store settings, manage inventory, and ensure seamless transactions.
Through a one year project lifecycle, we developed solutions for:
Streamlined Check-in and Checkout processes
Efficient Refund management
Simplified Purchase Order workflows
Customizable Discounts and promotions
Seamless Metrc integration for State regulation compliance
By prioritizing user needs and business goals, our design solutions enhanced the overall retail experience, driving growth and efficiency for dispensary owners.
Project Background
THE GOAL
Our objective was to design and optimize solutions that:
Enabled Seamless Online Order Fulfillment: Streamlining the process for dispensary owners to manage online orders.
Ensured Metrc Regulation Compliance: Implementing features that met state regulations for cannabis tracking and reporting.
Optimized Existing Features: Enhancing design solutions for Refunds, Store Checkout, and Purchase Orders to improve user experience and efficiency.
Standardized Interface Patterns: Establishing consistent design patterns throughout the app to improve usability and reduce cognitive load.
By achieving these goals, we aimed to deliver a cohesive and user-friendly experience for dispensary owners, driving business growth and compliance.
THE DESIGN CHALLENGE
To deliver a seamless experience, we faced the challenge of:
Collaborating with the Front-End Team to define scalable components that would support future growth and product evolution.
Designing Touch-Friendly Components that leveraged conventional kiosk interaction patterns, ensuring an intuitive user experience.
SUCCESS METRICS
The success of our design solutions was measured by:
Increased POS Adoption: Expanding WM Retail's presence in newly legalized cannabis markets.
Improved Client Efficiency: Helping clients save time and streamline their operations to grow their business.
Enhanced Order Frequency and Throughput: Driving business growth by increasing order frequency and optimizing workflow efficiency.
DURATION
1 year
TEAM
1 Product Manager
1 Senior Product Designer
(My Role)1 Senior Engineering Manager
3 Front-End Engineers
3 Back-End Engineers
Legal team
SOFTWARE
Figma, Atlassian, UserTesting, Google Docs, Stickies
Design Process
What Did We Start With?
Rooms
The Rooms feature was a critical part of the WM Retail POS, serving as the hub where receptionists checked in walk-in members. Our challenge was to optimize page navigation to ensure that the Rooms section remained visible and accessible, never getting pushed below the fold.
Purchase Order
The Purchase Orders feature allowed clients to efficiently manage and receive new inventory. With the implementation of State compliance measures, we integrated our system with Metrc to streamline workflows and eliminate redundancy, ultimately saving clients time and improving overall efficiency.
Checkout
The existing Checkout screen had several design flaws, including item cards displaying across multiple rows, which caused confusion for new users. To address these issues, we developed new design specifications and created a component library to standardize and improve the Checkout experience.
WM Design Style Guide
Leveraging the existing Style Guide and adherence to A11Y Project accessibility standards, I conducted a thorough inventory of shared components across the retail POS app. This informed the redesign of a modern, cohesive POS application, optimizing for both aesthetics and accessibility.
Competitive audits
To inform the design of the retail POS app and ensure it met industry standards while differentiating itself from competitors, I conducted competitive audits of leading point of sale systems like Square POS, Shopify POS, and Clover POS. I analyzed key features, user flows, and interaction patterns.
The audit revealed:
Strengths and weaknesses in competitor offerings, noting areas for differentiation.
Usability and overall user experience in various POS systems.
Insights on modern POS trends and design patterns that enhance user productivity.
This analysis shaped design decisions for the WM Design System implementation in the retail POS app.
Design Goals
Enable Online Order Fulfillment: Support seamless fulfillment of online orders within the POS app.
Enable Metrc Compliance Integration: Integrate compliance with Metrc requirements for regulatory adherence.
Optimize Check-in and Checkout: Streamline check-in and checkout processes for efficiency and user experience.
Align Components with Style Guide: Ensure UI components align with the WM Design System Style Guide for consistency.
Address Accessibility Issues: Improve accessibility to ensure inclusivity for all users.
Encourage Touch-Friendly Interactions: Design interactions optimized for touch interfaces common in POS environments.
Follow Kiosk Design Conventions: Adhere to conventions for kiosk-based POS interactions where applicable.
Wireframes
To establish a solid foundation for the retail POS app's design, low-fidelity wireframes were created to iterate on key user flows. These wireframes focused on optimizing interactions for check-in, checkout, online order fulfillment, and Metrc compliance integration while adhering to the WM Design System.
Through iterative wireframing:
Core user flows were explored and refined for efficiency and usability.
Touch-friendly interactions and kiosk design conventions were considered.
Accessibility and alignment with the Style Guide were addressed early in the design process.
Custom components
To promote consistency and efficiency in the retail POS app's UI, custom components were designed and implemented following an atomic design methodology. Main components were created with attention to the WM Design System Style Guide, accessibility standards, and touch-friendly interactions.
Utilizing shared components ensured:
Consistency was ensured across the app's interface.
Reusability of elements streamlined design and development.
Alignment with design goals like touch-friendly interactions and accessibility was maintained.
This approach to custom components contributed to a cohesive and scalable design system for the retail POS app.
UX Research
Prior to design specification handoff, UX research plans were established to obtain objective assessments of the new retail POS app solutions. The Research Plan outlined key elements including:
Feature overview to focus testing on critical aspects.
User demographics and tasks to guide user testing methodology.
Approach for conducting user testing to validate design decisions.
Following user testing with participants, findings were documented and summarized into actionable insights. These insights informed final design refinements to ensure the retail POS app met user needs and design goals.
Final design
The final design of the retail POS app incorporates outcomes from UX research, iterations through wireframes, and implementation of custom components following the WM Design System. The resulting interface balances efficiency, accessibility, and touch-friendly interactions for an optimal user experience.
Key aspects of the final design include:
Cohesive UI aligned with the WM Design System Style Guide.
Optimized flows for check-in, checkout, online order fulfillment, and Metrc compliance.
Touch-friendly interactions and adherence to kiosk design conventions where applicable.
This final design delivers a user-centered retail POS app addressing the outlined design goals.
