hospitality library

Hospitality Library

Hong Kong Vocational Training Centre
Project screen shot from iPad
Hospitality Library logo guideline
Planner note book cover with printed Hospitality Library logo

The JUPAS (Joint University Programmes Admissions System) process in Hong Kong is highly competitive and multi-phased. Our goal was to assist students in selecting courses where they have the highest acceptance chances.

My Role
Lead UX Researcher and Designer. My focus was diagnosing the root causes of low engagement and identifying the essential, unmet academic resource needs of VTC students. and rebranding the platform.

Understanding the Problem

We began by identifying why the platform failed to engage users.

Quantitative Research : Quantitative user survey across students, tutors, and staff.
Qualitative Interviews : 6 in-depth interviews with hospitality students to explore study habits.

Key Findings

  • Poor mobile experience → Difficult to read or search on phones
  • No personalization → Everyone sees the same homepage
  • Outdated content → Students turn to external sources
  • Collaborative needs → Desire to share resources for group work

The Discovery and insights

While initial quantitative data confirmed generic pain points (poor mobile compatibility, outdated design, difficulty finding relevant content), the qualitative interviews revealed the critical, actionable behaviors driving the low usage.

Students were not just passively reading; they were mobile-first researchers focused on gathering project materials.

1. Students often read on mobile devices during commute and idle time.
5 out of 6 interviewees reported consistently conducting research and reading on their mobile devices during commutes and idle time, only switching to a desktop/laptop for the final assignment work.

Insight : The library must be optimized for mobile-first research and content gathering, not just basic responsive viewing.

2. Need for Collaborative Gathering: Group sharing functionality emerged as a key unmet need. Students primarily used the library to gather information for collaborative projects, which required quick saving, sharing, and external resource integration.

Insight : The platform needed to shift from a "Simple Library" to an "Integrated Academic Resource Hub." that supports the full, dual purpose of modern student work.

Design Direction

A simple online library could no longer meet users’ needs. The new design vision:

"A comprehensive learning platform that supports discovery, research, and collaboration — anywhere, on any device."

We focused on three pillars:

  1. Personalized – Tailor content and dashboard to individual needs.
  2. Seamless – Optimize the experience across all devices.
  3. Collaborative – Enable shared learning and teamwork.

From Insight to Solution

1. Responsive layout and mobile-optimized reading tools for anytime access

Wireframe of homepage > book detail page > Reading page.

2. Seamless reading experience across mobile and desktop.
Group sharing of saved information1. Personalized homepage tailored to courses and recent searches.
3. Streamline Content Gathering (The Note-taking Enhancement)
The improved note-taking system became a key differentiator.
We enhanced the bookmark tool by enabling a screen capture function, this feature significantly improves efficiency in their research process.
Enabled group sharing and collaboration spaces

Allowed saving of both internal and external materials for projects

From Insight to Solution

1. Seamless reading experience across mobile and desktop.
Responsive layout and mobile-optimized reading tools for anytime access

2. Personalized homepage
Tailored that prioritizes recently viewed subjects and essential, industry-relevant materials, minimizing the time needed to search for frequently used resources on a mobile device.

3. Streamline Content Gathering (The Note-taking Enhancement)
Integrated note-taking and bookmark tools with a new screen capture function to collect text and images efficiently.

4. External Resource Saving:
Developed functionality that enables students to save external web links and articles directly into their library project folders, ensuring a single source of truth for all research materials.

This is some text inside of a div block.

5. Added group sharing for joint projects:
allowing students to share curated content and annotations

Outcome & Reflection

The redesigned platform empowers students to move fluidly between devices, collect diverse materials, and collaborate easily. It transformed a static library into a dynamic academic companion that evolves with the learner’s needs.

New branding

To get rid of the old and outdated image, we designed a logo with a set of UI to bring a refreshment of the project. Given that

The Impact

The project has successfully enhanced user engagement and utilization of the library website, demonstrating significant progress in achieving its objectives. Key metrics show strong performance, with an average session duration of 10.6 minutes, indicating meaningful user interactions with the platform. Additionally, the usage rate increased by 56%, reflecting a marked improvement in user adoption and satisfaction. However, users expressed a strong desire for group-oriented features like commenting on bookmarks and project collaboration, which would enhance teamwork and academic versatility. Due to project timeline constraints, these features were not feasible in this phase but remain a high-priority demand for future updates.