Virtual Campus Tour
Progressive Web App

Successfully provided a virtual experience and better understanding of the CIE campus for our visitors, the mobile-friendly Virtual Campus Tour web app was developed and launched in early 2020 including more than 10 venues 3 types of facilities

THE PROBLEM

Overview

I directed the design and development of this rapid project, from conceptual design to development to launch in 3 weeks, with an iterative UX enhancement for 2 years.

The Problem

  • The start of COVID-19 and pandemic causes the activities and events of the face-to-face admissions to be postponed

  • As prospective students and parents could not visit HKBU CIE campus, we built the virtual campus tour digital platform to facilitate potential applicants and the public to browse our campus venues online and be immersed in the virtual reality campus tour environment

Solution

  • I successfully lead a small team of UXUI designers and developers in building this progressive web app (PWA)

  • I collaborated and provided technical expertise to shoot 3D campus venue photos, design the IA and UI, as well as develop these new digital media solutions

  • I implemented digital analytics performance reports to provide useful insights for this campaign project for stakeholders’ strategic decisions.

HIGH LEVEL TIMELINE

3 weeks,
with UX/UI enhancements iteratively

KEY GOAL

Reach prospective students during pandemics, facilitate any interested parties to learn more about our campus, and provide the best digital user experience for the public.

MY ROLE

I acted as the product manager, senior UX designer, UX writer, information architect, and technical lead for the build and implementation of the HKBU CIE Virtual Campus Tour platform.

The Virtual Campus Tour web app was developed and launched in early 2020 and now it includes >15 venues 3 types of facilities

  • Learning Support & Facilities

  • Sport Facilities

  • Common Amenities

My role in this project include:

  • Product owner

  • Agile Project management (Scrum Master)

  • UX Design & ideate

  • User flows

  • Wireframing & sketching

  • UX Writing

  • User interface design consultancy

  • Interaction design advisor

  • Prototyping

  • Facilitating user acceptance tests 

  • Data analytics - digital performance tracking
     

CONCLUSION

Outcomes and Results

During the first and second quarters in 2020, we faced a switch of work mode, we couldn't reach our prospective students face-to-face. The build and launch of this Virtual Campus Tour platform facilitated the public to learn more about our college and during the admissions key period.

We directed traffic to the virtual campus tour platform by boosting digital marketing promotions via website banners and other O2O entry points. Within the first six months, the unique visitors were up 300%, and visitors duration was up by 100%.

Learnings and Retrospect

It is a very successful project. It demonstrated the use of UX Design methodologies, the implementation of Agile Rapid Development, and the art of Responsive Web Design and Interaction Design, the technique of Progressive Web App, and the most important, the team spirit to make it done within a short period of time to reach our users through the digital channel.

Like what you see?

Let's chat.