© 2026 Reigis Muca All Rights Reserved.
Web Design: Ravensbourne Graduation 2024 Concept
This project involved conceptually creating a web based ticketing system for the Ravensbourne Graduation 2024 event. The aim was to simplify the registration, reservation and payment process for students and guests while delivering a responsive, user friendly and database driven experience.
The website was built using HTML, CSS, JavaScript, Bootstrap, PHP and a MySQL style database. It included a homepage, navigation links, graduation event information, a 7 day schedule, speaker section, sponsor section, ticket options, FAQ, gallery, newsletter subscription, contact form and a dynamic user experience focused around booking graduation tickets.
A major part of the project was account and booking functionality. I implemented sign up and sign in pages, including database checks for stored user information. The registration workflow included a popup student registration form, a popup guest registration form and a payment page. The guest form supported details such as name, gender, date of birth and the student they were invited by, while the system redirected users through the reservation and payment journey. Payment information was processed through a simulated payment page, followed by a receipt page that displayed transaction details while masking sensitive card information.
The project also included accessibility and personalisation features, such as button colour customisation and night mode. The colour selection feature allowed users to adjust button colours, supporting visual accessibility and personal preference, while night mode reduced glare and improved usability in low light environments.
I also documented and resolved development challenges, including CSS alignment issues with popup components and PHP/database connection problems caused by mismatched field names between HTML forms, PHP variables and database columns. This helped strengthen my understanding of how frontend, backend and database layers need to work together.
Below is a compilation of videos that showcase the website’s features:
Get in touch with me
Please fill out the form below to start chatting with me directly.