Helping a Student Halls of Residence make the most of digital when putting print assets online.

Fig. 1 – Clear menu structure and Bookmark call to action.


Fig. 2 – Help scenarios ordered by frequency.


We worked with Katapult on a print-to-digital conversion for their client Campus Living Villages. Campus Living Villages manage student halls around the country. Historically, the Student Survival Guide was a large booklet given to students when they moved in. Campus Living Villages were aware that students didn’t often engage with the print media they were providing, meaning that as time went on the print expense was becoming unjustified.

“Time Travel Opps know how to extract the information they need and transform this into insights that make a big impact on the direction of digital projects, informing the development of intuitive user experiences.”

- Neil Perrott, Strategy Director, Katapult

The brief for this project wasn’t just to “put the booklet online”. It was to re-organise and present the content in a User-Centric way, catering for common User Scenarios that were identified through interviews with the client.

Information Architecture Driven By User Scenarios.

We found that a student is unlikely to do anything more than flick through the “Important Information” section of a booklet during fresher’s week. They will go to the information when they need it, on the device nearest to them (most likely their mobile). Therefore the Wireframes were designed Mobile-First, and the menu/search structure was clear and simple, organised by Scenario rather then Subject Category.

A common User Scenario that we learned from the staff at CLV was that students often lock themselves out of their room or corridor (this is an excellent example of how our User Experience workshops surface key user needs by talking to the client staff who are closest to the site users).

The student will not have access to the printed booklet or a laptop, they will reach for their phone, probably in a panicked state of mind. We created a main navigation item called Help, that lists common user needs (see Fig. 2).

The Help Sections were ordered by how common they were. In each dropdown a user could find clear instructions and Calls To Action on what to do in their Scenario.