Leeds University Union Website

Leeds University Union Website

Leeds University Union Website

Leeds University Union Website

A full website redesign and content migration project for one of the UK's leading student unions, creating a content-led site shaped as much by students as the organisation is itself.

A full website redesign and content migration project for one of the UK's leading student unions, creating a content-led site shaped as much by students as the organisation is itself.

A full website redesign and content migration project for one of the UK's leading student unions, creating a content-led site shaped as much by students as the organisation is itself.

A full website redesign and content migration project for one of the UK's leading student unions, creating a content-led site shaped as much by students as the organisation is itself.

A full website redesign and content migration project for one of the UK's leading student unions, creating a content-led site shaped as much by students as the organisation is itself.

WEB DESIGN, UX/UI, BRAND ROLLOUT

WEB DESIGN, UX/UI, BRAND ROLLOUT

WEB DESIGN, UX/UI, BRAND ROLLOUT

WEB DESIGN, UX/UI, BRAND ROLLOUT

Homepage UX/UI design for Leeds University Union, shown here on a laptop.

Background

I worked with Leeds University Union to create a radically different member-led site. One that continually pulls relevant events, news and CTAs through, to show a wealth of student-created, student-managed content. The new module-led approach allows for a range of content types to be navigated easily and explored in depth. At the same time saving wasted space, reducing loading times and bringing the site more inline with the Union's visual identity.

I worked with Leeds University Union to create a radically different member-led site. One that continually pulls relevant events, news and CTAs through, to show a wealth of student-created, student-managed content. The new module-led approach allows for a range of content types to be navigated easily and explored in depth. At the same time saving wasted space, reducing loading times and bringing the site more inline with the Union's visual identity.

I worked with Leeds University Union to create a radically different member-led site. One that continually pulls relevant events, news and CTAs through, to show a wealth of student-created, student-managed content. The new module-led approach allows for a range of content types to be navigated easily and explored in depth. At the same time saving wasted space, reducing loading times and bringing the site more inline with the Union's visual identity.

I worked with Leeds University Union to create a radically different member-led site. One that continually pulls relevant events, news and CTAs through, to show a wealth of student-created, student-managed content. The new module-led approach allows for a range of content types to be navigated easily and explored in depth. At the same time saving wasted space, reducing loading times and bringing the site more inline with the Union's visual identity.

I worked with Leeds University Union to create a radically different member-led site. One that continually pulls relevant events, news and CTAs through, to show a wealth of student-created, student-managed content. The new module-led approach allows for a range of content types to be navigated easily and explored in depth. At the same time saving wasted space, reducing loading times and bringing the site more inline with the Union's visual identity.

UX/UI wireframe designs for Leeds University Union's website design

Restrictions had plagued the site's CMS in the past, and so it was important to be as flexible as possible with what the pages could achieve this time around. The site's section-led design approach meant that thousands of possible pages could be built from a selection of over 25 different 'blocks', including banners, site wide searches, and text and image combos.

Restrictions had plagued the site's CMS in the past, and so it was important to be as flexible as possible with what the pages could achieve this time around. The site's section-led design approach meant that thousands of possible pages could be built from a selection of over 25 different 'blocks', including banners, site wide searches, and text and image combos.

Restrictions had plagued the site's CMS in the past, and so it was important to be as flexible as possible with what the pages could achieve this time around. The site's section-led design approach meant that thousands of possible pages could be built from a selection of over 25 different 'blocks', including banners, site wide searches, and text and image combos.

Restrictions had plagued the site's CMS in the past, and so it was important to be as flexible as possible with what the pages could achieve this time around. The site's section-led design approach meant that thousands of possible pages could be built from a selection of over 25 different 'blocks', including banners, site wide searches, and text and image combos.

Restrictions had plagued the site's CMS in the past, and so it was important to be as flexible as possible with what the pages could achieve this time around. The site's section-led design approach meant that thousands of possible pages could be built from a selection of over 25 different 'blocks', including banners, site wide searches, and text and image combos.

The module-led design approach to this project meant that pages were extremely flexible

A large number of pages were pre-designed within this flexible system to ensure that all the necessary modules had been pre-made.

A large number of pages were pre-designed within this flexible system to ensure that all the necessary modules had been pre-made.

A large number of pages were pre-designed within this flexible system to ensure that all the necessary modules had been pre-made.

A large number of pages were pre-designed within this flexible system to ensure that all the necessary modules had been pre-made.

A large number of pages were pre-designed within this flexible system to ensure that all the necessary modules had been pre-made.

Leeds_University_Union_Website_UX_UI_Design

CLOSE-UP: THE BREADCRUMB TRAIL

CLOSE-UP: THE BREADCRUMB TRAIL

CLOSE-UP: THE BREADCRUMB TRAIL

CLOSE-UP: THE BREADCRUMB TRAIL

CLOSE-UP: THE BREADCRUMB TRAIL

LUU-Site-Dropdown-Search

CLOSE-UP: DROP-DOWN SITE-WIDE SEARCH BAR

CLOSE-UP: DROP-DOWN SITE-WIDE SEARCH BAR

CLOSE-UP: DROP-DOWN SITE-WIDE SEARCH BAR

CLOSE-UP: DROP-DOWN SITE-WIDE SEARCH BAR

CLOSE-UP: DROP-DOWN SITE-WIDE SEARCH BAR

Pulling through featured blocks, upcoming events and news articles meant each page could offer a wealth of relevant information to any site user – something considered key for the information-hungry target audience.

Pulling through featured blocks, upcoming events and news articles meant each page could offer a wealth of relevant information to any site user – something considered key for the information-hungry target audience.

Pulling through featured blocks, upcoming events and news articles meant each page could offer a wealth of relevant information to any site user – something considered key for the information-hungry target audience.

Pulling through featured blocks, upcoming events and news articles meant each page could offer a wealth of relevant information to any site user – something considered key for the information-hungry target audience.

Pulling through featured blocks, upcoming events and news articles meant each page could offer a wealth of relevant information to any site user – something considered key for the information-hungry target audience.

Wireframe and final design before and after for a section of Leeds Uni Union's website
UX/UI layout for Leeds University Union's website redesign and refresh.

The events listing pages were stripped back, focusing solely on date and title – meaning it was possible to view four times as many events in one window. Fixed content boxes for sponsor logos were also retired in favour of a much smaller, neater bar that could sit site-wide on top of a global footer.

The events listing pages were stripped back, focusing solely on date and title – meaning it was possible to view four times as many events in one window. Fixed content boxes for sponsor logos were also retired in favour of a much smaller, neater bar that could sit site-wide on top of a global footer.

The events listing pages were stripped back, focusing solely on date and title – meaning it was possible to view four times as many events in one window. Fixed content boxes for sponsor logos were also retired in favour of a much smaller, neater bar that could sit site-wide on top of a global footer.

The events listing pages were stripped back, focusing solely on date and title – meaning it was possible to view four times as many events in one window. Fixed content boxes for sponsor logos were also retired in favour of a much smaller, neater bar that could sit site-wide on top of a global footer.

The events listing pages were stripped back, focusing solely on date and title – meaning it was possible to view four times as many events in one window. Fixed content boxes for sponsor logos were also retired in favour of a much smaller, neater bar that could sit site-wide on top of a global footer.

It was created mobile-first, considering that the majority of visitors used the platform this way. The pre-made modules were designed to scroll landscape at a range of sizes to optimise experience regardless of device.

The site was created mobile-first, considering that 40% of the site's visitors use the platform this way. The pre-made modules were designed to scroll landscape at a range of sizes to optimise experience regardless of device.

The site was created mobile-first, considering that 40% of the site's visitors use the platform this way. The pre-made modules were designed to scroll landscape at a range of sizes to optimise experience regardless of device.

The site was created mobile-first, considering that 40% of the site's visitors use the platform this way. The pre-made modules were designed to scroll landscape at a range of sizes to optimise experience regardless of device.

It was created mobile-first, considering that the majority of visitors used the platform this way. The pre-made modules were designed to scroll landscape at a range of sizes to optimise experience regardless of device.

Responsive UX/UI design for Leeds University Union's mobile site.

Responsible for
BRAND DEVELOPMENT
WEBSITE REDESIGN
WIREFRAMES & SITEMAP
UX/UI DESIGN

Responsible for
BRAND DEVELOPMENT
WEBSITE REDESIGN
WIREFRAMES & SITEMAP
UX/UI DESIGN

Developed by
SEAN JESSEN

Developed by
SEAN JESSEN

Want to know more?
Get in touch and say hello.

Want to know more?
Get in touch and say hello.

hello@amyeljones.com
+44 (0) 7925 368 782

hello@amyeljones.com
+44 (0) 7925 368 782

hello@amyeljones.com
+44 (0) 7925 368 782

@2020 All rights reserved.

@2020 All rights reserved.

TWITTER           LINKEDIN          INSTAGRAM

Twitter           LinkedIn          Instagram

Twitter           LinkedIn          Instagram