top of page
Events App
Designing a CMS Portal and app that empowers building landlords to create and manage exclusive events for tenants and guests.
Overview
Background
Habitap is a Smart Living and Building Management system tailored for residential and commercial properties across Asia. In this project, we collaborated with a Hong Kong-based commercial building landlord, who manages 12 buildings and organizes exclusive events for office tenants and guests. To boost engagement between tenants and building merchants, we're enhancing the app with new community and lifestyle features. Our goal is to develop an event management function that enables landlords to create, manage, and customize events through configurable 'option fields,' similar to those in CMS systems.
Role
I was the sole designer on the team, collaborating with a Project Manager and a group of app, web, and backend developers.
Stakeholders map
User personas
Recognising user's backgrounds
Problems with existing platform
01
Currently, the platform is quite inflexible, restricting building landlords to publishing events with single dates or date ranges. The process is simple: upload an image banner, add the date, time, title, and description, and you're done. However, this limitation is problematic because the client wants more customisation options, such as creating multiple sessions within an event and setting up recurring sessions.
02
Currently, our event module only supports tenant registration and QR code scanning for attendance. The client has requested the ability for tenants to bring guests per session, with separate registration and attendance options for both tenants and guests via the app or website.
03
Finally, the client requested customisable option fields to improve form flexibility for landlord admins creating events. This would allow admins to include 'ad-hoc' items for each event session, such as meal choices or workshop add-ons. Since customisable fields were not previously available, I had to create new components ranging from 'single-select' fields, 'radio buttons,' image uploads, to date and time selectors. This required significant time and effort to figure out how to create and display each component effectively.
Research
After brainstorming for ideas from the client requests, I noted down some of the few improvements that had to be made. These were:
-
Allow adding of event sessions for single and recurring events based on a daily, weekly, monthly or yearly frequency. This would allow admins to create multiple sessions for popular events and hold it, say, once a week.
-
Allow tenants to have a configurable number of guests to bring per event session
-
Allow flexible tenant attendance taking via the app, and guest attendance taking via a webpage that can be accessed from an email link.
-
Add in a set of configurable option fields for customisation
Finalised app screens
Guest registration process
Once a tenant has registered for an event, they will be able to send out an invite by tapping on the 'send invitation button', which will trigger an email that will be sent to their guest. The guest will be able to access this email and tap on the link provided to access the guest registration webpages.
Finalised check-in flow
Tenant check-in process
A tenant can easily check-in to an event by scanning a QR code or inputting a PIN code set by the landlord admins. Once checked-in, they may choose to check-in their guests as well if they are present.
Guest check-in process
A guest can easily check-in to an event by accessing a second email that was sent to them for attendance taking. They will be able to enter a webpage and select their check-in method for taking attendance.
Finalised tenant portal screens
Creation of event
Event creation will require them to input the event details and create sessions if required.
Option fields
To enable maximum event customisation, option fields can be added to give admins greater flexibility in incorporating various input types for enhancing the tenant user experience.
bottom of page