App & Microsite
JHB, South Africa
Project strategy, Web design, UX/UI
design, Prototyping, Frontend & Backend
Developement, GEO location Beacons,
Mobile App Developement.
With the 2019 Saphila conference at Sun City approaching, BRAVE was tasked with developing a mobile application for Android and iOS platforms that would allow attendees to access all conference information on their mobile devices while at the event.
Attendees also needed to be able to compete in a 'check-in' based game by visiting exhibitors stalls during the conference. The delegate who visited the most exhibitor stands during the run of the conference would be declared the winner, and walk away with a prize.
The app also needed to drive attendees to exhibition stands, feed conference information to attendees, and provide insights to the exhibitors once the conference was over.
Our custom-built Headless WordPress Platform enabled admin users to publish content and updates to the mobile applications, both before, and during, the conference.
iOS & Android
- React Native mobile application.
- App can be downloaded from the Apple App Store and the Android Play Store.
- The app is able to store data offline.
- Updates and new content can be downloaded when the user has access to an internet connection.
By placing individually programmed and customised location beacons at strategic points throughout the venue, we were able to provide:
- User tracking.
- Room-fill tracking to determine occupancy in relation to capacity.
- Detailed reporting once the conference was over.
Delegates were also able to participate in a game that ran during the conference by 'checking-in' at exhibitor stalls and viewing their position on a leaderboard.
Info & Ads
If an attendee was in a certain proximity range of an exhibitor stall, info pop-ups would automatically appear on their mobile screens.
Users were then able to view:
- Location based advertising relating to the nearest stall.
- Exhibitor information (descriptions and images), and contact details.
- Descriptions and images relating to exhibitors and stalls determined by their location and proximity.
These pop-ups would also ask attendees whether they would like someone to contact them by selecting YES / NO. If the user tapped YES, an exhibitor representative would get in touch.
The Live Stream
The various talks at the event took place in rooms of a certain capacity, which meant that once a room was full, no more attendees would be admitted inside.
However, we made sure that no one would miss out, and no one would be left behind. To do this, we used the location beacons we'd set up to judge when a particular room was full.
When that room was nearing capacity, we were able to live stream video of the talk onto people's phones. Thanks to this, attendees could watch the talk even if they couldn't attend it in person.
Interactive Venue Map
Users had the opportunity to engage with an interactive venue map on their mobiles, based on their current locations in and around the venue.
They could explore the floor plan and layout in relation to their location, and also had the ability to zoom and pan on the map.
Form and Function
The microsite was utilised to build interest and excitement around the upcoming event using vibrant videos and animations. Here, users could learn all about the conference, get venue information, find out about accommodation options and hotel bookings.
The website also provided information on the exhibition stands that would be featured, as well as the agenda for the conference. Attendees were also able to submit their papers, register for the event, and buy tickets through the site.
We made the site using React, building components which were composed together to create an interactive user interface, perfect for the simplicity and interactivity required by the brief, and the most intuitive option to bring this particular design to life.