Barrway

Project Background

Barrway is a Hong Kong based online booking system that provides scheduling solutions for various businesses. Users can book appointments, services, or events online from various businesses. It allows businesses to create a personalised booking website with their branding, providing a professional online presence, improving accessibility for both businesses and their clients.

Industry: SaaS
Platform: Website and Mobile Application
Duration: April 2024 - May 2024
My Role: UX Designer
Deliverables: User Research Notes | Design Wireframes | Mockups and Prototype

Create a platform for businesses to host their services

Enable individual customers to book a service provided by different businesses

Create a simplistic platform with intuitive experience for users

Design Process

Client approached Augurs Innovation to design and develop the Barrway SaaS platform. My role was to collaborate with and understand client requirement. Based on the discussions, I designed wireframes, user flow, mockups for the platform and collaborated with developers’ team to ensure seamless implementation of the project.

Design Process

Discovery

To begin with, I thoroughly discussed the plan our client had for their product and noted all essential features and product-specific terminology. Based on our discussion, I prioritised the features and sketched out some potential ideas.

ESSENTIAL FEATURES

Multiple user type

Businesses can host their services and individual customers can book a service

Chat feature

Businesses can promptly address inquiries and send announcements to customers

Appointment management

Centralised calendars for companies to view and manage all business’ appointments

Website page

Get a dedicated page to manage schedule and payments, all at one place

Payment gateway

Payment integration for businesses and customers

Promote business

Businesses can organise and promote their service

Competitive Analysis

Next, I conducted a competitor research to understand the opportunities for crafting a unique customer journey that can set Barrway apart from the crowd. For this, I selected Yelp which provides a platform for businesses to list their services and enables users to explore them. I also explored Squareup which provides extensive software solutions, including appointment scheduling platform for businesses. Barrway on the other hand is an amalgamation of both kind of features, catering to 2 different kinds of user base as its Unique Selling Point! It also enables company to list multiple businesses. They can setup different calendar for different business as well

Ideation and Design

User Flow

Once we finalised the features for the Barrway platform, I discovered one limitation which I had not covered before. Appointment booking flows differ based on the category of service and user requirement. I categorised the services and discussed with the clients the complexity of the design. Subsequently, I created I presented different user flows based on service category to our client. Once we got the heads up, I went ahead and created the wireframes and mockups.

Customer Category A : Classes & Workshop

Guest Customer User Flow

Registered Customer User Flow

Business Account

Business User Flow

Wireframes

Once I gathered feedback from our client, I created wireframes and first iteration mockups. This was a long process since we had a multiple user base and a complex user flow. I presented the wireframes to the client. I also designed a low- fidelity prototype for our client to conduct the usability testing.

Marketplace- Business List

Marketplace- Home

Marketplace- Business Company Detail

Marketplace- Business Calendar

Public User- Dashboard

Public User- My Calendar

Public User- My Transaction

Final Design & Mockups

I gathered client’s feedback and embarked on the exciting phase of designing mockups that can bring our vision to life! I meticulously translated concepts into visual representations, refining each element with precision. The visual elements such as color schemes, typography, and icons were based on the Barrway brand playbook. Every detail in the design system was curated to evoke the desired user experience. I implemented a user-friendly navigation and intuitive structure to our platform for our users to ensure a flawless user experience. The final mockups and prototype were crafted for both web platform and mobile application (only for customer user base), ensuring consistency across devices.
Through iterative collaboration with our client, I ensured that the mockups not only capture the essence of their vision but also develop a remarkable application platform journey ahead.