The Guardian
The Guardian
The Guardian
Homepage re-design across web & app, aimed at reducing ‘overwhelm’ for users whilst simplifying page structure for editors.
A complex project with lots of moving parts that I worked on alongside leading the Design System team—overseeing its direction & collaborating closely with lots of cross-functional teams.
Homepage re-design across web & app, aimed at reducing ‘overwhelm’ for users whilst simplifying page structure for editors.
A complex project with lots of moving parts that I worked on alongside leading the Design System team—overseeing its direction & collaborating closely with lots of cross-functional teams.
Homepage re-design across web & app, aimed at reducing ‘overwhelm’ for users whilst simplifying page structure for editors.
A complex project with lots of moving parts that I worked on alongside leading the Design System team—overseeing its direction & collaborating closely with lots of cross-functional teams.
App & web were both redesigned, with a focus on editorial parity whilst maintaining platform norms
App & web were both redesigned, with a focus on editorial parity whilst maintaining platform norms
Brand
Brand
The Guardian
The Guardian
Role
Role
Principle Lead Designer
Principle Lead Designer
Year
Year
2024 - 2025
2024 - 2025
Platforms
Platforms
Web, iOS, Android
Web, iOS, Android
Web, iOS, Android
Deliverables
Deliverables
Website & app re-design, design system, component library, documentation
Website & app re-design, design system, component library, documentation
Website & app re-design, design system, component library, documentation
Skills
Skills
UX/UI Design, cross-functional collaboration, stakeholder presentation, team leadership
UX/UI Design, cross-functional collaboration, stakeholder presentation, team leadership
UX/UI Design, cross-functional collaboration, stakeholder presentation, team leadership
New app home screen with a breadth of card sizes for different types of story
New app home screen with a breadth of card sizes for different types of story
Homepage project
Homepage project
Homepage project
The Guardian homepage had become overly complex, with hundreds of layout possibilities changing by the minute, & 19 different container types in use. We reduced this to just 5, simplifying things for readers
& editors.
Our core design goals were to reduce overwhelm whilst better showcasing the breadth of journalism. We lightened UI elements, introduced new containers, & tweaked the aspect ratios of all imagery to favour mobile devices. The result is a calmer, more digestible experience for readers — that doesn’t limit editorial freedom.
The Guardian homepage had become overly complex, with hundreds of layout possibilities changing by the minute, & 19 different container types in use. We reduced this to just 5, simplifying things for readers & editors.
Our core design goals were to reduce overwhelm whilst better showcasing the breadth of journalism. We lightened UI elements, introduced new containers, & tweaked the aspect ratios of all imagery to favour mobile devices. The result is a calmer, more digestible experience for readers — that doesn’t limit editorial freedom.
The Guardian homepage had become overly complex, with hundreds of layout possibilities changing by the minute, & 19 different container types in use. We reduced this to just 5, simplifying things for readers & editors.
Our core design goals were to reduce overwhelm whilst better showcasing the breadth of journalism. We lightened UI elements, introduced new containers, & tweaked the aspect ratios of all imagery to favour mobile devices. The result is a calmer, more digestible experience for readers — that doesn’t limit editorial freedom.
New containers to improve hierarchy & ‘hero’ specific stories
New containers to improve hierarchy & ‘hero’ specific stories
Design System Lead
Design System Lead
Whilst delivering the homepage project my contract was extended
& I moved into a Lead role, overseeing the Design System team.
I lead the team & continued to work on the rollout of the homepage, but with a Design System focus to ensure the work was scalable
& could be reused by other teams in future.
My role covered numerous product teams across the organisation, tackling various user & business problems, from funding projects in ‘Supporter Revenue’ to looking at how we could improve developer handoff department-wide.
Whilst delivering the homepage project my contract was extended & I moved into a Lead role, overseeing the Design System team.
I lead the team & continued to work on the rollout of the homepage, but with a Design System focus to ensure the work was scalable & could be reused by other teams in future.
My role covered numerous product teams across the organisation, tackling various user & business problems, from funding projects in ‘Supporter Revenue’ to looking at how we could improve developer handoff department-wide.
Whilst delivering the homepage project my contract was extended & I moved into a Lead role, overseeing the Design System team.
I lead the team & continued to work on the rollout of the homepage, but with a Design System focus to ensure the work was scalable & could be reused by other teams in future.
My role covered numerous product teams across the organisation, tackling various user & business problems, from funding projects in ‘Supporter Revenue’ to looking at how we could improve developer handoff department-wide.
We spent a lot of time attending to small design details to ensure the result matched The Guardian design principles
We spent a lot of time attending to small design details to ensure the result matched The Guardian design principles
Final deliverables
Final deliverables
Final deliverables
Re-designed homepage across web & app that reduces the feeling
of overwhelm in users.
More ‘considered’ set of containers that showcase & structure
the journalism more.
An enhanced mobile experience with various UI improvements,
& an editorial strategy that now prioritises mobile users.
Re-designed homepage across web & app that reduces the feeling of overwhelm in users.
More ‘considered’ set of containers that showcase & structure the journalism more.
An enhanced mobile experience with various UI improvements, & an editorial strategy that now prioritises mobile users.
Re-designed homepage across web & app that reduces the feeling of overwhelm in users.
More ‘considered’ set of containers that showcase & structure the journalism more.
An enhanced mobile experience with various UI improvements, & an editorial strategy that now prioritises mobile users.
More coming soon…
More coming soon…
More coming soon…
Want to work together?
Shoot me an email & we can discuss working together
Want to work together?
Shoot me an email & we can discuss working together
Want to work together?
Shoot me an email & we can discuss working together