Categories
Ideation & Conceptual Design

Week 5 – Design Research

Virtual Tour

The first step in my research was to explore how other universities have used virtual tours to engage prospective and current students. UCAS provides a dedicated webpage that lists virtual campus tours from institutions across the UK (click here to access it). I browsed many examples and selected four major universities as case studies. The table below outlines key essential features for an effective virtual tour and evaluates how each of these universities has addressed them.

King’s College LondonUniversity of OxfordUniversity College LondonSaint Mary’s University
Virtual Tour Implementation

NO: The university doesn’t provide an embedded virtual tour. However, their website mentions that online virtual tour events are available on specific days and times.YES: Several virtual tours are available, including facilities and student accommodations.YES: Not a traditional virtual tour, but an interactive map with key campus locations, underground stations, and museums. Only 8 360-degree captures are available with embedded information.YES: Not fully immersive, but the 360 captures are embedded into an engaging website that provides a good amount of information.
Image/Video qualityEXCELLENT: While no virtual tours are available, the YouTube videos showcasing facilities are of HD quality.POOR: Image quality is inconsistent. Some are oversaturated or very dark, with a noticeable black-and-white rendering before fully loading.FAIR: Image quality is average; some captures are too dark. Faces are not blurred, which could raise privacy concerns unless consent was obtained.FAIR: Slightly above average quality. Some dark images could be edited. Faces appear unblurred, but likely with participant awareness as they are posed.
Mobile-FriendlyYES: Videos are hosted on YouTube, which is mobile-friendly and accessible via the app.YES: The virtual tour is mobile-compatible, but controls overlap with navigation arrows, making it hard to use.YES: The interactive map works well on smaller screens.YES: The website and virtual tour interface are well-optimized for all screen sizes.
Multilingual supportYES: Audio is in English, but auto-generated captions can be translated into other languages.NO: All information is only available in English.YES: Not natively multilingual, but browser-based translation (e.g., Chrome) renders content accurately in other languages.NO: Only browser-based UI translation works; however, most highlights are images, so text isn’t translated.
Interactive hotspotsNO: Videos offer minimal information, mainly just the names of areas described by the narrator.YES: Some minimal information is embedded in the tour.YES: Despite only 8 360 captures, many are enhanced with information. Highlights allow quick navigation, and can be hidden for an uninterrupted view. Some captures are sourced from Google Maps.YES: Highlights open additional images with embedded text. However, on smaller screens, the layout crops important information.
Guided Tour/ AudioYES: A narrator guides users through the main campus areas.NO: No audio or guided navigation. However, an autorotation feature plays for each capture.NO: Freely accessible tour without audio guidance.YES: The first capture includes an audio guide by a student. Unfortunately, no captions are available, and it’s the only one with voice narration.
VR headset
Compatibility
NO: Virtual tour not available.NO: Not compatible with VR headsets.YES: A VR headset option appears on smaller screens. It’s not visible from the desktop view, which could limit awareness.NO: No option to view the tour with a VR headset.

1. King’s College London

King’s College London – Official virtual tour video.
King’s College London – Virtual tour experience.

Insights: While the campus tour videos on their YouTube channel are not fully interactive or immersive, they are professionally produced and feature student narrators, which adds a relatable and authentic touch. Notably, the comment section initially served as an informal FAQ, with the university actively responding to common questions, enhancing engagement and accessibility. However, more recent comments from the past year have gone unanswered, which may affect the sense of responsiveness and ongoing support.

YouTube comment section below the King’s College London virtual tour video.

For this project, I initially considered including a comment section that could display previous questions and answers, offering a community-driven FAQ. However, open comment sections come with risks, such as the potential for inappropriate or harmful content, especially when not moderated. Additionally, responses left by admins or users may become outdated over time, particularly if more than a few months have passed. For these reasons, a chatbot provides a more reliable and controlled solution. By regularly updating its data, the chatbot can deliver accurate, timely information while ensuring a consistent and safe user experience.

2. University of Oxford

King’s College London: Virtual tour experience.

Insights: The overall experience is underwhelming. The image quality is low, and the navigation lacks fluidity and user-friendliness. Each location only features a single 360° capture, limiting the immersive potential of the tour. While some information is available, it is minimal and lacks depth. The tour is fairly extensive in coverage, including student accommodations, which is a positive aspect. However, the mobile version is not optimised (command buttons overlap and interfere with usability), making the experience less intuitive.

Mobile view: portait mode.

Although the experience was not ideal, this virtual tour highlighted how poor navigation and limited information can significantly reduce the sense of immersion. The low image quality further detracts from the overall experience. For my project, I will ensure that all captures are retaken if necessary and edited where lighting affects clarity, to maintain a high standard of visual and interactive quality.

3. University College London

University College London: Virtual tour experience.

Insights: Although a fully immersive virtual tour is not provided, the interactive map is highly engaging and informative. It includes additional features such as locations of university accommodations, nearby underground stations, and museums. Despite relying on a limited number of 360° captures—some sourced from Google Maps—it was the only tour tested that offered VR headset compatibility. Interestingly, this option appeared only when navigating the site on smaller screens, as shown below.

The VR Headsets option only shows on smaller screen sizes.

Although it wasn’t a fully immersive experience, the interactive map was still enjoyable and informative. Inspired by this, I plan to include a simplified London map in my project, highlighting key locations such as CCI buildings and UAL accommodation halls.

4. St. Mary’s University

St. Mary’s Univeristy: Virtual tour experience.

Insights: The website is well-designed, with guided navigation that connects each 3D capture smoothly. The introductory video does not play, which impacts the initial experience. While the student narrator feature adds a personal touch, it appears only in a few scenes. Adding the ability to pause audio and enabling captions would significantly improve accessibility and usability.

The highlighted information is difficult to read from a mobile device.

Although this is not the type of virtual tour I aim to create, reviewing it was helpful for understanding how the experience functions across different screen sizes. If I add extra images layered over the tour, I will ensure they remain visible and accessible on smaller screens. Time permitting, I would also like to incorporate an audio guide to enhance the user experience.


Analysing virtual tours from other universities helped clarify what is truly needed to create an immersive experience. Many of the tours relied on isolated 3D shots, limiting the ability to navigate freely and fully explore campus facilities. This project aims to create a more fluid and engaging experience, similar to Google Street View, where users can move naturally in different directions, simulating the feeling of walking through the campus.

To achieve this, I used floor maps available on the UAL website to plan the navigation flow. I then mapped out specific scan points to ensure that each 360° capture supports smooth transitions and coverage of key areas. This strategic layout enhances user orientation and contributes to a more realistic and intuitive virtual tour.


Chatbot

The course information chatbot will be built using a Retrieval-Augmented Generation (RAG) approach, which combines a retrieval model with a generative model. This allows the system to pull relevant, up-to-date information from a predefined knowledge base and then generate human-like responses. Unlike basic rule-based bots, RAG models enhance reliability by grounding responses from inaccurate sources, making them ideal for handling FAQs about courses, facilities, and services. This architecture also supports scalability, making it easier to update the bot as information changes over time.

First iteration for the chatbot UI.

In terms of tone and design, the chatbot will follow UAL’s branding guidelines to ensure consistency with the wider institutional identity. This includes using CCI’s colour palette, typography, and interface language, which will help maintain familiarity and trust for current and prospective students.

High-fidelity Chatbot prototype.


Website

For the website, I’ve chosen to closely replicate the UAL website’s structure and visual language, as the project is intended to support CCI and align with its internal communications. The site will include three main pages: a landing page with the embedded virtual tour and interactive map, a course directory, and individual course pages.

This decision was made in agreement with my supervisor to ensure coherence with UAL’s digital ecosystem. Mimicking UAL’s layout also provides a familiar user experience, especially for those already navigating university sites. It reinforces credibility while streamlining user navigation across both official and project-based platforms.

UAL’s Branding Guidelines to use for the website and chatbot.


Below is the updated and polished comparative review of virtual campus tours at four major UK universities.

Comparative Review of Virtual Campus Tours at Major UK Universities.
Categories
Ideation & Conceptual Design Project Planning

Week 4 – Tools involved

As the project began to take shape, this week focused on selecting and testing the tools that would support both the development of the virtual tour and the implementation of the chatbot and UI design. Below is a breakdown of the main technologies and equipment involved:

1) 360° Virtual Tour
  • Camera: Insta360;
  • Extra equipment: Tripod and stabiliser;
  • Sofware options: Marzipano or Matterport.
2) Chatbot
  • Model: RAG (Retrieval-Augmented Generation);
  • Backend: Node.js;
  • Frontend: React.js;
  • Data handling: OpenAI’s API, LangChain library.
3) Wireframing and UI design
  • Protoypes: Canva and ProCreate;
  • Polished assets: Figma.
4) Website
  • Frontend: React.js;
  • CSS: open-source framework (such as Tailwind CSS).

Categories
Literature Review

Week 3 – Literature Review

In week 3, I started looking into articles to help me write the literature review for my graduation project. Since I’m building a website that combines a virtual tour of CCI with a chatbot for course and campus info, I focused on how these tools are used in education.

Virtual Tours

I found two useful articles that explain how universities use virtual tours:

1. Virtual tours boom, but will they have the same impact? – Inside Higher Ed (2020)

During the COVID-19 pandemic, many universities switched from in-person tours to virtual ones. These tours became very popular, especially for international students and anyone who couldn’t travel. Even now, many schools still use them to help students explore the campus online.

This article also helped me understand how virtual tours can support remote students, which is important for my user research.

2. How a virtual tour can improve your enrollment metrics – EAB (2023)

EAB says that virtual tours don’t just look good, they can actually boost applications and enrollment. They help students learn more, engage with the university, and explore programs from home. These tours also give schools data on what students are interested in.

Chatbots in Education

I also looked at how chatbots are used in schools and universities.

1. Chatbot for Higher Education: 6 Benefits for Educational Institutions – Social Intents (2023)

Chatbots help students get quick answers about courses, deadlines, or schedules at any time of day. They also reduce admin work and improve communication, especially for international students in different time zones.

2. Are Your AI Chatbots Giving Away More Information Than They Should? – EdTech Magazine (2024)

This article talks about privacy risks when chatbots give out too much information. That’s why I made sure my chatbot only responds with approved UAL/CCI info to keep it safe and accurate.

After reading everything, here are the main benefits:

Virtual Tours

  • Easy access from anywhere
  • Fun and interactive
  • Students can explore what matters most to them

Chatbots

  • Always available
  • Give quick answers
  • Save time for stuff and students

This research gave me lots of ideas to improve both parts of my project and helped me think about what students really need.

References

Here is the (updated) list of references I read for the literature review and research:

Abidin, R., Suryani, N. and Sariyatun, . (2020) ‘Students’ Perceptions of 360 Degree Virtual Tour-Based Historical Learning About The Cultural Heritage Area of The Kapitan and Al-Munawar Villages in Palembang City’, International Journal of Social Sciences and Management, 7(3), pp. 105–112. Available at: https://doi.org/10.3126/ijssm.v7i3.29764.

Abshire, S.A., Deese, J.J. and Freiberger, K.E. (2017) ‘Mission accomplished?: An analysis of institutional missions through virtual campus tours’, Journal of the Student Personnel Association at Indiana University, pp. 31–46. Available at: https://www.researchgate.net/publication/369087279.

Afan Gafar, I. and Arif, Z. (2022) Systematic Literature Review: Virtual Tour 360 Degree Panorama, International Journal of Engineering Business and Social Science. Available at: https://ijebss.ph/index.php/ijebss.

Alexander, Bryan. et al. (2019) Educause Horizon report : 2019 Higher Education edition. EDUCAUSE.

Almodiel, M.C. et al. (2024) ‘Expanding Campus Engagement: A Study on the User Acceptance of a Virtual Reality-Enhanced Campus Tour in an Open University’, INTERNATIONAL JOURNAL IN INFORMATION TECHNOLOGY IN GOVERNANCE, EDUCATION AND BUSINESS, 6(2). Available at: https://iop.upou.edu.ph/vrtours/upouvr/alpha/.

Aryani, M.I., Arviani, H. and Suryanto, T.L.M. (2022) ‘Virtual tour as digital branding tool in the political economy of higher education: Case of virtual tour 360 UPNVJ’, International Journal of Arts and Social Science, 5(2), pp. 124–133.

Audsley, S. (2025) What You Should Know About Virtual College Tours. Available at: https://www.educations.com/articles-and-advice/bachelor-studies/what-you-should-know-about-virtual-college-tours? (Accessed: 20 April 2025).

Baker, N. (2024) UK Mobile Phone Statistics 2024 – Stats Report – Uswitch. Available at: https://www.uswitch.com/mobiles/studies/mobile-statistics/ (Accessed: 24 May 2025).

Batarseh, C. (2024) 9 Benefits of Virtual Campus Tours for Universities – Concept3D. Available at: https://concept3d.com/blog/virtual-tours/9-benefits-of-virtual-campus-tours-universities/ (Accessed: 23 April 2025).

Bello, S. (2024) Chatbots in Education: The Role of AI in Modernizing Student Assistance. Available at: https://smythos.com/ai-agents/chatbots/chatbots-in-education/ (Accessed: 24 April 2025).

Cho, Y.-H. and Fesenmaier, D.R. (2000) ‘A Conceptual Framework for Evaluating Effects of a Virtual Tour’, in Information and Communication Technologies in Tourism 2000. Vienna: Springer Vienna, pp. 314–323. Available at: https://doi.org/10.1007/978-3-7091-6291-0_28.

Clark, S. (2022) Why Colleges and Universities Need Inclusive Virtual Tours | BestColleges. Available at: https://www.bestcolleges.com/blog/inclusive-virtual-college-and-university-tours/ (Accessed: 24 April 2025).

Donaher Kee, L. (2025) What students look for in a college—and how your virtual tour can help | EAB. Available at: https://eab.com/resources/blog/enrollment-blog/what-students-look-for-college-how-your-virtual-tour-can-help/ (Accessed: 23 April 2025).

EAB (2021) Virtual Tours. Available at: https://eab.com/solutions/virtual-tours/ (Accessed: 10 May 2025).

Figueroa Jr, R.B. et al. (2020) ‘Virtualizing a University Campus Tour: A Pilot Study on its Usability and User Experience, and Perception’, INTERNATIONAL JOURNAL IN INFORMATION TECHNOLOGY IN GOVERNANCE, EDUCATION AND BUSINESS, 2(1), pp. 1–8. Available at: https://college.harvard.edu/admissions/visit/,.

Hurter, B. (2024) The Role of AI Chatbots For Higher Education Success In 2024 | Element451. Available at: https://element451.com/blog/chatbots-in-higher-ed-what-you-should-know (Accessed: 24 April 2025).

Iglesias, M.I., Jenkins, M. and Morison, G. (2021) ‘Enhanced low-cost web-based virtual tour experience for prospective students’, in Proceedings – 2021 IEEE Conference on Virtual Reality and 3D User Interfaces Abstracts and Workshops, VRW 2021. Institute of Electrical and Electronics Engineers Inc., pp. 677–678. Available at: https://doi.org/10.1109/VRW52623.2021.00221.

IXRLABS (2023) Comprehensive Guide on Virtual College Tours: Everything you Need to Know. Available at: https://www.ixrlabs.com/blog/virtual-college-tours/ (Accessed: 24 April 2025).

Lee, L.K. et al. (2020) ‘Using a Multiplatform Chatbot as an Online Tutor in a University Course’, in Proceedings – 2020 International Symposium on Educational Technology, ISET 2020. Institute of Electrical and Electronics Engineers Inc., pp. 53–56. Available at: https://doi.org/10.1109/ISET49818.2020.00021.

Magolda, P.M. (2000) ‘The Campus Tour: Ritual and Community in Higher Education’, Anthropology & Education Quarterly, 31(1), pp. 24–46. Available at: https://doi.org/10.1525/aeq.2000.31.1.24.

Matterport (2022) User Generated Content & Languages. Available at: https://support.matterport.com/s/article/User-Generated-Content-Languages?language=en_US (Accessed: 15 May 2025).

Matyushina, K. (2022) Effect of a video tour, interactive map, and 360-degree virtual tour on engagement and interest. University of Twente.

Mendolia-Moore, T.A. (2018) The College Path: A Virtual Tour. California State Polytechnic University.

Minnesota State University (2024) The Virtual Chatbot to Answer University Related Questions, ‘Ask Stomper’ | Minnesota State University, Mankato. Available at: https://mankato.mnsu.edu/university-life/campus-services/student-affairs/maverick-moments/the-virtual-chatbot-to-answer-university-related-questions-ask-stomper/ (Accessed: 24 April 2025).

Neupane, S. et al. (2024) ‘From Questions to Insightful Answers: Building an Informed Chatbot for University Resources’. Available at: http://arxiv.org/abs/2405.08120.

Nguyen, T.T. et al. (2021) ‘NEU-chatbot: Chatbot for admission of National Economics University’, Computers and Education: Artificial Intelligence, 2. Available at: https://doi.org/10.1016/j.caeai.2021.100036.

NHS (2024) Project aims to ease patient anxiety with virtual hospital tour – Tees Esk and Wear Valley NHS Foundation Trust. Available at: https://www.tewv.nhs.uk/news/pioneering-project-aims-to-ease-patient-anxiety-with-hospital-virtual-tour/ (Accessed: 24 April 2025).

Putri Ramadhanty, A. et al. (2021) Virtual Tour Actual Usage: The Influence of Perceived Benefits and Sacrifices, Journal of Information System).

Roberto, T. (2023) Utilizing Virtual Campus Tours in Student Recruitment. Available at: https://www.keg.com/news/utilizing-virtual-campus-tours-in-student-recruitment (Accessed: 24 May 2025).

Salah, M., Abdalla, A. and Abdallah, M. (2023) ‘Evaluation of Existing Virtual Tour Studies and Their Applicability to Jordanian Universities’, in 2023 IEEE Jordan International Joint Conference on Electrical Engineering and Information Technology, JEEIT 2023. Institute of Electrical and Electronics Engineers Inc., pp. 64–67. Available at: https://doi.org/10.1109/JEEIT58638.2023.10185675.

Samala, A.D. et al. (2022) ‘ViCT—Virtual Campus Tour Environment with Spherical Panorama: A Preliminary Exploration’, International Journal of Interactive Mobile Technologies, 16(16), pp. 205–225. Available at: https://doi.org/10.3991/ijim.v16i16.32889.

Samala, A.D. et al. (2024) ‘Exploring Campus through Web-Based Immersive Adventures Using Virtual Reality Photography: A Low-Cost Virtual Tour Experience’, International journal of online and biomedical engineering, 20(1), pp. 104–127. Available at: https://doi.org/10.3991/ijoe.v20i01.44339.

Shingte, K. et al. (2021) Research Paper on Chatbot Development for Educational Institute. Pune, India. Available at: https://doi.org/10.2139.

Sophia, E. (2025) ‘The Effectiveness of AI-Powered Chatbots in Student Support Services’, ResearchGate [Preprint]. Available at: https://www.researchgate.net/publication/390033254.

Swacha, J. and Gracel, M. (2025) ‘Retrieval-Augmented Generation (RAG) Chatbots for Education: A Survey of Applications’, Applied Sciences (Switzerland). Multidisciplinary Digital Publishing Institute (MDPI). Available at: https://doi.org/10.3390/app15084234.

Thompson, C. (2023) Who Cares About Virtual Campus Tours? Virtual Tours in the College Choice Model and Perceived Student-Institution Fit. University of Central Florida. Available at: http://library.ucf.edu.

Torchia, R. (2022) Virtual College Tours Continue Expanding Opportunities for K–12 Students | EdTech Magazine. Available at: https://edtechmagazine.com/k12/article/2022/05/virtual-college-tours-continue-expanding-opportunities-k-12-students (Accessed: 23 April 2025).

Tulkin, A. (2020) Assessing Virtual College Tours for Students with Physical Disabilities & Health Conditions – Accessible College. Available at: https://accessiblecollege.com/2020/04/20/virtualcollegetours/ (Accessed: 24 April 2025).

UAL (2025a) Brand guidelines | UAL. Available at: https://www.arts.ac.uk/brand (Accessed: 1 May 2025).

UAL (2025b) Typography | UAL, UAL. Available at: https://www.arts.ac.uk/brand/visual-identity/typefaces (Accessed: 1 May 2025).

Categories
Project Planning

Week 2 – Project Planning

During the second week, I created a detailed Gantt chart outlining all the tasks and milestones week by week, leading up to the final submission. This visual timeline helped me map out the entire process and eventually stay on track with key deliverables.

In addition to that, I made a SMART goals chart to ensure each objective was Specific, Measurable, Achievable, Relevant, and Time-bound. This gave me a clearer sense of purpose and allowed me to assess whether each step aligned with my overall project goals.

I also applied the MoSCoW method (Must-have, Should-have, Could-have, and Won’t-have) to prioritise features and tasks based on their importance and feasibility. This was especially useful for managing scope and avoiding last-minute pressure.

These planning tools gave me a strong foundation and made it easier to focus on execution without constantly second-guessing what to do next. They also helped identify potential risks early and allowed time for adjustments where needed.


In Week 8 of the blog, I shared an updated version of the Original Gantt chart to reflect changes in the project timeline and ensure alignment with the final deadline.