Project overview
Invade is Retail E-commerce company which consists of a variety of Brands and provides event management, space layout planning, creative F&B Curation and many more, including some of the well known event brands in Singapore; Artbox, Eatbox, Shilin Night Market and Makers’ Market.
The problem
Invade wanted to create an online space booking system for the vendors facilitating different types of events, discount and pricing calculation. And event management system to curate events and spaces, set up periods, pricing and manage the bookings and finance related to bookings.
My role & responsibilities
UX Designer
Assisting in interviews with Project Manager, user flows, site map, digital wireframing, low and high-fidelity prototyping, conducting user testing, process flows and annotation for design hand-offs, and iterating on designs.
Duration
Six months
Reframing the Problem
The company was very clear about their ambition and goals they are trying to achieve. After initial interviews and discussions with Invade stakeholders — Operation Team, Marketing Team and Finance Team — we were able to identify the problems and ideas we are trying to solve.
“With a digital platform, how can Invade systematically enrich its internal capabilities while providing a pleasant user experience to its customer?”
Design Scope
A platform and management system, build for Retail Entrepreneurs aka Vendor, Invade Operation Team, Business Development Team and Management
Listings of different curated Events and Spaces with Concept & Description
Complex Pricing Model cater for each event type and spaces
Booking with different modes of payment and secure payment processingOperation and Finance related matters for the event management, booking management and collections
Insights and reports for the management
Design Process
The design timeline for this project last about 6 months to finish the whole design of the system. The design process includes:
User Interviews
Competitive Analysis
Wireframing
Prototyping
Visual Design
Process Flows &
Preparing for hand-offs
In the present day, the website is fully launched and we are iterating some of the functions. At the same time, we run the bi-weekly sprints with the Invade Team to develop and improve the internal operation system related to finance and integrating with third party software such as Xero Accounting Software and Xfers — to automate the Bank Transfer and PayNow payments.
Proposed Workflows & Wireframes
Event booking workflow for Vendors
Booking and Booking Management by Operation Team
Part of the Front End Wireframes
Visuals
UI visual designs based on the existing brand guideline of the Invade.co. Browse the full user interface of the website at https://invade.co.
Visual AB Testings
During the wireframes and visual design stages, we conduct the A/B Testings with users and operation teams for the complex interface such as Selection of Spaces and Period Slots, Booking Pricing Calculation, Booking Summary etc.
Based on the feedback, we iterate, modify and This exercise helps us to understand how the user perceives the design and communicates better and more effectively.
Annotations and Hand-Off
As designing is important, implementing according to design specification is equally important. We write annotations and detailed specifications of the system to communicate the different aspects of the system to the engineering team. Without leaving a room to doubt, we try to hand-off in details as much as we can.
Annotation of a checkout page and interaction behind each interactive components.
Part of statuses of the entity within the system.
Evolution of the Designs
Since 2019 — when we started designing the wireframes from the concept — till today, some of the interfaces have gone through multiple iterations and improved to better facilitate the business needs as well as customer behaviours.
About Space Details Page changes from 2019 to 2021
Improved presentation of what’s included in a space, as well as pricing and visually distinct promotions sections.
By breaking down the pricing to individuals day pricing, customers take less effort to make a decision. (Hick’s Law)
Booking Page changes from 2019 to present day
To better facilitate the different varying types of Events, Calendar Days and Pricing, we improved the selection of periods for the user to a familiar and clearer layout.