Leeds University Union Website

Leeds University Union Website Redesign

Leeds University Union Website

A website redesign, taking cues from magazines to develop a content-led site – shaped as much by students as the organisation is itself.

A website overhaul, taking cues from magazines to develop a content-led site – shaped as much by students as the organisation is itself.

A website overhaul, taking cues from magazines to develop a content-led site – shaped as much by students as the organisation is itself.

A website overhaul, taking cues from magazines to develop a content-led site – shaped as much by students as the organisation is itself.

A website overhaul, taking cues from magazines to develop a content-led site – shaped as much by students as the organisation is itself.

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

I worked with Leeds University Union's Marketing team to overhaul their website in order to produce 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.

I worked with Leeds University Union's Marketing team to overhaul their website in order to produce a radically different member-led site. One that continually pulls through relevant events, news and CTAs to show a wealth of student-created, student-led content.

I worked with Leeds University Union's Marketing team to overhaul their website in order to produce a radically different member-led site. One that continually pulls through relevant events, news and CTAs to show a wealth of student-created, student-managed content.

I worked with Leeds University Union's Marketing team to overhaul their website in order to produce a radically different member-led site. One that continually through pulls relevant events, news and CTAs to show a wealth of student-created, student-managed content.

I worked with Leeds University Union's Marketing team to overhaul their website in order to produce a radically different member-led site. One that continually pulls through relevant events, news and CTAs to show a wealth of student-created, student-managed content.

The new module-led approach allows for a range of content types and hierarchies 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.

The new module-led approach allows for a range of content types and hierarchies 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. 

The new module-led approach allows for a range of content types and hierarchies 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.

The new module-led approach allows for a range of content types and hierarchies 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.

The new module-led approach allows for a range of content types and hierarchies 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

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

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 listings 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 listings 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 listings 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 listings 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 site was also 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.

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.

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

Site developed by
SEAN JESSEN

Twitter        LinkedIn  

Twitter
LinkedIn  

© AMY JONES 2020

© AMY JONES 2020

© AMY JONES 2020