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.

Built by Bo Project -  UAL Home Page
Built by Bo Project -  UAL Home Page
Built by Bo Project -  UAL Home Page
Built by Bo Project -  UAL Pattern Library
Built by Bo Project -  UAL Pattern Library
Built by Bo Project -  UAL Pattern Library

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.




Built by Bo Project -  UAL Graduate Showcase
Built by Bo Project -  UAL Graduate Showcase
Built by Bo Project -  UAL Graduate Showcase
Built by Bo Project -  UAL Not Just A Shop
Built by Bo Project -  UAL Not Just A Shop
Built by Bo Project -  UAL Not Just A Shop

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.