Captive Portal

Reinventing the standard captive portal solution for retailors by expanding it beyond just WiFi connectivity, and building an ecosystem for instant commerce.

Project Goals

The project goals were divided into three products and milestones to meet its aims.

1 Captive Portal

The Captive Portal user journey and splash pages were revised in order to implement new features.

2 Merchant Portal

The Merchant Portal is a web application that was created to manage captive portal data.

3 E-Menu

Created as a byproduct for the captive portal to expand the solution into an e-commerce platform.


Captive Portal

Reinventing the Captive Portal Experience.

The Captive Portal user experience was designed with business owners and users in mind. The goal was have an intuitive, fast and pleasant interface and flow, coupled with innovative features that benefit businesses and users.

1.1 Goals

Seamless login experience while still incorporating a myriad of login options.

Space for merchants to run ads while keeping the user journey short and sweet.

Responsive design for mobile, tablet and desktop users.

1.2 User Flow

With these goals in mind, a user flow was created to understand the length of the user journey and when it’s best to implement certain features.

1.3 Features

Terms and Conditions

The modal pop up allows a quick scroll through the legal disclaimers. With a close button at the top and bottom, users are quickly able to navigate back to the agreement page. Adding a tab navigation bar allows merchants to add different policies while segregating content.

Logging In

A myriad of login options were implemented to cater to local and international travellers, bearing in mind usage and popularity of various social media channels in different countries. Promotions were given high visual real estate, filling most of the screen, and the ability to showcase unlimited deals or events simultaneously through auto-play carousels.

Loading and Capturing

Certain data isn’t always captured correctly during the process. For users who opt to sign in with passwords or social media channels where data can’t be captured, businesses can implement a simple step to gather the information they require. The carousel allows additional ads to run while users are establishing a connection to their WiFi network.


With rewards, users can receive coupons, special deals and invitations to events by signing into the establishments network. Businesses can manage and set coupons based on age, gender, time or date through the Merchant Portal.


The Merchant Portal

Creating automated customer base management.

The Merchant Portal is a control panel for accessing analytics, setting promotions and controlling individual settings across Captive Portal devices.

2.1 Research and Analysis

Together with the Sales and Tech team, we discovered which features would be best to have by speaking with clients and running a competitive analysis. The Merchant Portal was designed with these uses in mind:

2.2 Information Architecture

The features collected were organised and mapped out with user friendliness in mind.


The dashboard is equipped with real-time data at a glance. Filters on the top allow you to switch between outlets to get the latest stats with a click of a button.

Custom Audiences

The user database allows you to manage and create quick segments of users to target in campaigns.

Automated Workflows

The workflows were designed to use custom triggers such as gender, activity level and birthdays of users to drive better engagement.


Get in-depth reports of campaigns. Reports can be exported via CSV for analysis and bookkeeping.


e-Menu Progressive Web App

Expand growth with e-Commerce at your fingertips.

The PWA comes as an add-on for the Captive Portal. Users connected to the network can be redirected to the e-menu where they can make purchases digitally.

3.1 User Profiles
3.2 Information Architecture
3.3 User Flow
3.4 Interface


The 6-step onboarding process enables new users to get a quick tutorial of the platform and grant app permissions.