Legacy page remodelling

Using our existing design system to restyle some of our older content.

Background information

Most of the site content for the University of Bath is generated through our two platforms:

Some of our older content can't be easily adapted for these platforms. Because we need to make our content more accessible and responsive for modern devices, we need to remodel the existing content to:

These changes are still going through our approval process. All prototypes are for demonstration only. Some links have been replaced with dummy URLs.

Programme & unit catalogue

Our Programme & Unit Catalogue was designed some years ago. Most elements are structured using tables, which don't translate well to smaller screens.

I've taken the content from some existing pages and built some prototypes. I've used our existing design system, so that the styling will match the rest of the site. As we update elements, classes, typography and colour on our main site, this content will continue to be aligned.

The HTML needed to be remodelled to conform to current DOM standards.

Programme list

View a current programme list page

View prototype

Programme overview

View a current programme overview page

View prototype

Unit list

View a current unit list page

View prototype

Unit overview

View a current unit overview page

View prototype

Postgraduate study

Our postgraduate application page uses script to pull in courses which are marked as available. I've used our existing design system, so that the styling will match the rest of the site. As we update elements, classes, typography and colour on our main site, this content will continue to be aligned.

View the current postgraduate applications page

View prototype