University of the Arts London
University of the Arts London
Front End Development, Design System
Front End Development, Design System



Project overview
Project overview
University of the Arts London – Front-End Development
At UAL, I worked as a Front-End Developer on key digital platforms including the university’s corporate website, student native app, and student portfolio application. My role focused on turning UX designs into robust, accessible web components using HTML5, CSS3, and JavaScript. I collaborated closely with designers, back-end developers, and content teams to maintain and enhance UAL’s digital experience across devices. This included developing new features, maintaining a shared pattern library, managing support requests, and contributing to the ongoing improvement of web development practices through version control, accessibility standards, and cross-team knowledge sharing.
University of the Arts London – Front-End Development
At UAL, I worked as a Front-End Developer on key digital platforms including the university’s corporate website, student native app, and student portfolio application. My role focused on turning UX designs into robust, accessible web components using HTML5, CSS3, and JavaScript. I collaborated closely with designers, back-end developers, and content teams to maintain and enhance UAL’s digital experience across devices. This included developing new features, maintaining a shared pattern library, managing support requests, and contributing to the ongoing improvement of web development practices through version control, accessibility standards, and cross-team knowledge sharing.






Features overview:
Features overview:
Website Features Overview – University of the Arts London
Responsive, Accessible Design: Fully responsive layouts optimised for desktop, tablet, and mobile with a strong emphasis on accessibility and inclusive user experience (WCAG compliant).
Course Search and Filtering: Robust search functionality with filters by subject, level, college, and start date to help prospective students find relevant undergraduate, postgraduate, and short courses.
Content-Rich Pages: Modular CMS-driven templates supporting a mix of editorial content, imagery, video, and dynamic content blocks tailored to diverse audiences (students, staff, alumni).
Global Navigation and Mega Menu: Well-organised site-wide navigation that allows users to easily explore study options, student life, research, and more.
Pattern Library and Design System: Consistent UI components and templates maintained through a shared design system, enabling scalable and cohesive development across teams.
College and Department Pages: Dedicated microsite-style sections for each of UAL’s six colleges, with unique branding and tailored content hierarchies.
Website Features Overview – University of the Arts London
Responsive, Accessible Design: Fully responsive layouts optimised for desktop, tablet, and mobile with a strong emphasis on accessibility and inclusive user experience (WCAG compliant).
Course Search and Filtering: Robust search functionality with filters by subject, level, college, and start date to help prospective students find relevant undergraduate, postgraduate, and short courses.
Content-Rich Pages: Modular CMS-driven templates supporting a mix of editorial content, imagery, video, and dynamic content blocks tailored to diverse audiences (students, staff, alumni).
Global Navigation and Mega Menu: Well-organised site-wide navigation that allows users to easily explore study options, student life, research, and more.
Pattern Library and Design System: Consistent UI components and templates maintained through a shared design system, enabling scalable and cohesive development across teams.
College and Department Pages: Dedicated microsite-style sections for each of UAL’s six colleges, with unique branding and tailored content hierarchies.






Available for new projects
Available for new projects
Available for new projects
Got a question or something on your mind? Big, small, or just a random idea - I’m all ears!
Hit the button below and let’s chat.