Hospitality Management Portal & POS

Designing a platform to streamline restaurant operations for large chains.

Role

Senior Product Designer

Industry

Hospitality Technology

Client

Zonal

Stage 1. Project Overview

Zonal simplifies restaurant operations by unifying menu management, seating, and staff management across multiple integrated portals. The goal was to create a responsive, accessible, and scalable platform that supported thousands of users and met strict accessibility standards.

Highlights

811+ locations managed
200+ screens designed
100% WCAG AAA accessibility compliance
5+ integrated portals

Stage 2. Challenges

Large Data Sets: The platform had to handle and display significant amounts of operational data across portals. Users required advanced filtering, streamlined navigation, and quick editing capabilities.
Responsive and Accessible Design: Interfaces needed to work across desktop and tablet while meeting accessibility guidelines.
Cross-Integration: The platform had to support seamless communication between portals such as Choices (menu creation) and POS systems, ensuring real-time consistency.

Stage 3. Solutions

Efficient Data Management: Designed advanced filtering tools and split-screen navigation, allowing users to browse large datasets and edit rows without losing context.
Responsive and Accessible Design: Implemented a responsive framework and full WCAG AAA compliance, including screen reader support and keyboard navigation.
Design System: Built a robust system with hundreds of reusable components and states, ensuring consistency and scalability across all portals.

Stage 1. Project Overview

Highlights

811+ locations managed
200+ screens designed
100% WCAG AAA accessibility compliance
5+ integrated portals

Stage 2. Challenges

Large Data Sets: The platform had to handle and display significant amounts of operational data across portals. Users required advanced filtering, streamlined navigation, and quick editing capabilities.
Responsive and Accessible Design: Interfaces needed to work across desktop and tablet while meeting accessibility guidelines.
Cross-Integration: The platform had to support seamless communication between portals such as Choices (menu creation) and POS systems, ensuring real-time consistency.

Stage 3. Solutions

Efficient Data Management: Designed advanced filtering tools and split-screen navigation, allowing users to browse large datasets and edit rows without losing context.
Responsive and Accessible Design: Implemented a responsive framework and full WCAG AAA compliance, including screen reader support and keyboard navigation.
Design System: Built a robust system with hundreds of reusable components and states, ensuring consistency and scalability across all portals.

Stage 4. Research and Testing

Conducted competitor analysis to benchmark against industry leaders.
Led user testing with prototypes to validate features and flows.
Shadowed restaurant staff in real-world environments to observe workflows and identify pain points.
Applied insights to redesign POS interactions, improving speed and usability for staff handling customer orders.

Stage 5. Outcome

Streamlined restaurant workflows, improving operational efficiency across multiple chains.
Enabled seamless cross-portal synchronisation for tasks such as menu management, order customisation, and employee scheduling.
Delivered real-time access to data that improved decision-making and clarity.
Created a scalable platform adopted across thousands of users in major chains.

My Involvement

I designed a comprehensive multi-portal system addressing the operational challenges of large-scale restaurants. My role included building the design system, integrating CMS, POS, employee management, and menu portals, and ensuring accessibility compliance. Through extensive testing and collaboration with stakeholders, I delivered a responsive, consistent, and scalable platform that transformed operational efficiency for large hospitality clients.