{"id":1152,"date":"2025-04-16T15:19:08","date_gmt":"2025-04-16T14:19:08","guid":{"rendered":"https:\/\/blogs.york.ac.uk\/communications\/?p=1152"},"modified":"2025-06-05T08:48:58","modified_gmt":"2025-06-05T07:48:58","slug":"coming-soon-a-new-look-for-the-university-of-york-website","status":"publish","type":"post","link":"https:\/\/blogs.york.ac.uk\/communications\/2025\/04\/16\/coming-soon-a-new-look-for-the-university-of-york-website\/","title":{"rendered":"Coming soon: a new look for the University of York website"},"content":{"rendered":"\n

In early summer 2025 we will start to roll out a major update to the look of the University of York website. This will align the website with the University\u2019s updated brand identity, which has been appearing across other channels over the last few years. It also gives us an opportunity to apply expertise and insights from within the Communications team to significantly improve the layout of pages and navigation around the site. The initial launch will focus on content published from the Web CMS.<\/p>\n\n\n\n\n\n\n\n

Update (5 June 2025):<\/strong> We’ve moved the launch date back slightly to allow for more time for implementation and testing. Our original target was mid-June but we’re now aiming for mid-July 2025. This post has been edited to reflect that. <\/p>\n\n\n\n

Our brand identity<\/strong><\/h2>\n\n\n\n

The University\u2019s current brand identity<\/a> has been rolling out since 2022. Since then, the bold new look – featuring new colours, typefaces, tone of voice and visual devices – has been appearing across the majority of our digital and physical channels. Everywhere you look you\u2019ll now see our updated brand.<\/p>\n\n\n\n

\"\"
Our bold new look has been appearing across most of our digital and physical channels<\/figcaption><\/figure>\n\n\n\n

Well, almost <\/em>everywhere. There\u2019s now one notable last piece of the puzzle: the University website.<\/p>\n\n\n\n

Receiving over 30 million page views a year, the website is a powerful platform through which we can bring our brand to life. But with tens of thousands of pages, hundreds of templates, legacy code that goes back nearly 20 years, and a small internal team doing the work, it\u2019s a huge undertaking.<\/p>\n\n\n\n

The approach we\u2019re taking for the web<\/strong><\/h2>\n\n\n\n

We\u2019ve had to think about how we can make the most impact with the resources we have, both within our own team and around the University.<\/p>\n\n\n\n

On the one hand, we could have just applied the new colours and typefaces to our existing designs, but this would really only be giving us some of the very surface-level elements of the brand and not drive us far forward.<\/p>\n\n\n\n

On the flipside, we could take the approach of completely rebuilding the website from scratch, knocking the whole thing down and starting again. While there is some appeal to being able to wipe the slate clean and get rid of a lot of our legacy content, that approach would require a lot of resource to build things back up again. And it’s a risky approach, as we\u2019d be throwing out lots of good stuff. <\/p>\n\n\n\n

What we’ve landed on is what we hope is a sweet spot where we can apply the brand in an impactful way, without generating lots of work for everyone (and for content providers, almost no work at all!).<\/p>\n\n\n\n

Here\u2019s what we\u2019re doing:<\/p>\n\n\n\n

    \n
  1. The updated brand will be applied to existing content in the web CMS that uses our Digital Pattern Library (DPL) layouts. This will happen all at once, with no changes required by CMS users.<\/li>\n\n\n\n
  2. At the same time, we\u2019re applying our UX design expertise to transform the overall template surrounding the content. The new design will be more usable and accessible, making it easier to navigate and find what you’re looking for while also including core brand messages.<\/li>\n<\/ol>\n\n\n\n

    What\u2019s it going to look like?<\/strong><\/h2>\n\n\n\n

    As the brand has already been successfully rolled out across lots of other platforms and mediums, we\u2019ve been able to take inspiration from where it\u2019s already been effectively used and combine that with our own expertise in designing for the web.  <\/p>\n\n\n\n

    Approach to colour<\/h3>\n\n\n\n

    A key aspect of our updated colour palette is that we don\u2019t have one \u2018main\u2019 colour: we\u2019ve got a rich and distinctive set of colours, meant to be used in a bold way. So we\u2019re incorporating the dark blue and purple on every page through the header and footer, with other colours coming through in other elements of the page. This will let us dial up and down the amount of colour being used to best suit the tone of the content.<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Template improvements<\/h3>\n\n\n\n

    Probably the biggest change we\u2019re introducing is to our header and site navigation menus (the links that appear in the top bar of every page).<\/p>\n\n\n\n

    Users of our existing site will probably have noticed some of the issues with our current header navigation, for example how the contents of it change as you move around the site (sometimes in confusing ways), where the \u2018more\u2019 button doesn\u2019t actually reveal anything more, or the navigation bar is completely empty.  <\/p>\n\n\n\n

    In our new design we\u2019re introducing global navigation that will appear on every page to make it much easier to get around the main sections of the site and into important pages. We\u2019re also using drop-down menus as an opportunity to bring out our brand tone of voice and say something about who we are, as well as providing quick access to key pages.<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n
    \"\"\/
    Our new page header and global navigation menus<\/figcaption><\/figure>\n\n\n\n

    We\u2019re also making improvements to our sidebar navigation. One change is that we\u2019re removing the \u2018Other sections\u2019 links as they\u2019re a (confusing) repetition of what\u2019s in the top navigation bar. This will focus the use of the sidebar on navigating around the specific part of the site you\u2019re in. The sidebar navigation will also be moving over to the right hand side of the page, alongside contact and related link boxes, so that we can make better use of the space available to us.<\/p>\n\n\n\n

    \"\"\/
    New sidebar navigation to make it easier to get around the specific part of the site you’re in<\/figcaption><\/figure>\n\n\n\n

    We\u2019ll be getting into more detail about the specifics of navigation in future posts.<\/p>\n\n\n\n

    Components<\/h3>\n\n\n\n

    Behind the scenes, our templates in the Web CMS are built up from components<\/em>. Think of these as Lego bricks that can be combined in many different ways to create different types of pages. <\/p>\n\n\n\n

    We\u2019ve been going through each of our components and redesigning them to incorporate various elements of the brand. As well as colour and typography changes, components give us the opportunity to bring in other design elements such as the \u2018framing device\u2019 shapes to create visual interest. <\/p>\n\n\n\n

    There are usability and accessibility improvements too, such as making it more obvious when a component is clickable.<\/p>\n\n\n\n

    \"\"
    Examples of redesigned components<\/figcaption><\/figure>\n\n\n\n

    We\u2019ve also been simplifying and combining some of our components, as they\u2019ve grown organically over the years to the point that we have several that perform similar functions, or have options that are no longer used.<\/p>\n\n\n\n

    Putting it all together<\/h3>\n\n\n\n

    The images below show a series of before and after examples of how things will look when the brand is applied to our existing content, covering some of our common types of pages.<\/p>\n\n\n\n

    These are indicative as we\u2019re still making minor tweaks, so the final pages may look slightly different. <\/p>\n\n\n\n

    A key thing worth repeating is that these changes will be implemented with no edits required by page authors,<\/strong> in most cases. <\/p>\n\n\n\n

    Before and after example: landing page<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Before and after example: informational page<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Before and after example: course page<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Which pages will get the new design?<\/strong><\/h2>\n\n\n\n

    Part of making a pragmatic decision about how to roll out the brand has been deciding where it will be applied.<\/p>\n\n\n\n

    If you\u2019re a user of the Web CMS you\u2019ll be familiar with the two different styles of pages currently available: \u2018Digital Pattern Library (DPL\u2019) and \u2018Classic\u2019.<\/p>\n\n\n\n

    Digital Pattern Library (DPL)<\/strong> pages are what you\u2019ll see on the homepage and most top-level areas of the site (eg Study, Research). Most new sections created in the last 9 years will have been created using these, and most schools and departments have now migrated to these.<\/p>\n\n\n\n

    All DPL pages in the CMS will be automatically updated to use the new brand.<\/strong><\/p>\n\n\n\n

    Classic<\/strong> pages are ones that use our older layouts, which have been in use since 2007 and date back to the first introduction of the Web CMS at York. <\/p>\n\n\n\n

    Classic pages will stay as they are in their existing design. <\/strong><\/p>\n\n\n\n

    What\u2019s happening to the pages that don\u2019t get the new design?<\/strong><\/h2>\n\n\n\n

    We\u2019re keen to minimise how much website users will bounce between the old and new look. Right now the differences between DPL and classic pages are subtle to a casual browser – both types of page use the same colours for a start – but this will become a more dramatic distinction once we make the change.  <\/p>\n\n\n\n

    We\u2019ve audited and prioritised pages using Classic templates based on how often they are viewed and how high profile they are within the site. We are in the process of migrating as many of these as we can from Classic to DPL – for example, our list of departments<\/a>. Projects are also underway to update the staff and student landing pages as these are key pages which still use the Classic layout (many of the pages within the staff and student sections are already using DPL).<\/p>\n\n\n\n

    After the initial redesign launch, we\u2019ll be working on updating two specific types which currently can only be used in Classic layouts: press releases and staff profiles. These will then be switched in batches to the new design if they’re within a DPL branch of the site.<\/p>\n\n\n\n

    We\u2019ll post separately about longer-term plans for remaining Classic pages.<\/p>\n\n\n\n

    Do I need to do anything?<\/strong><\/h2>\n\n\n\n

    If you\u2019re an editor in the CMS, in almost all cases you won\u2019t need to do anything with your content, the new look will be applied automatically. We would however appreciate your help in checking the preview ahead of launch and letting us know about any issues you spot. We\u2019ll be in touch in due course to invite you to do this if you\u2019re able.<\/p>\n\n\n\n

    There will be a very small number of pages where content types have been used in non-standard ways – such as directly inserting HTML markup into fields that are intended for text – which will cause some issues when the updated brand is applied. We\u2019ll be getting in touch directly with owners of any pages where this is the case and helping them transition to standard approaches.<\/p>\n\n\n\n

    If you\u2019re a web developer using code from the Digital Pattern Library in a web application, the new look won\u2019t be automatically applied and your application will continue to look exactly the same as it does now. At a later stage we\u2019ll provide guidance on how to migrate to the new look, and will be keen to have discussions with developers about how we can provide better ways of allowing the Digital Pattern Library to be used in other systems. For now we have a clear steer to focus our efforts on delivering the redesign for the main website, so these discussions will come later and we\u2019re grateful for your patience for now.<\/p>\n\n\n\n

    What\u2019s happening now?<\/strong><\/h2>\n\n\n\n

    Since starting the project late last summer the design phase is now almost complete, and we are now in the process of building it in the web CMS.<\/p>\n\n\n\n

    We\u2019re working with a copy of all the content in the Web CMS so we\u2019re able to see how the design performs when it\u2019s applied to real content.<\/p>\n\n\n\n

    We\u2019re carrying out accessibility testing and device testing as we go to make sure everything works across all devices. We\u2019ve been conducting usability testing on our prototypes and will continue to do more.<\/p>\n\n\n\n

    When will the new design go live?<\/strong><\/h2>\n\n\n\n

    We\u2019re intending to go live with the updated brand in mid-July 2025<\/strong>.\u00a0<\/p>\n\n\n\n

    In scope for the launch:<\/p>\n\n\n\n