Sorted Group
Designing and evolving the Sorted digital experience, a case study in UX, accessibility, and performance-led design including My Parcel Delivery.
Roles
UX/UI Design and Development
Duration
2014 - 2025
Platforms
Umbraco, VS Code, HubSpot, Gatsby.js, WordPress, Framer
Focus areas
UX Research, Accessibility, Design Systems, Conversion Optimisation
Sorted Website Redesign
2025
Exploring a modern, modular and interaction-led redesign of the Sorted digital experience. Prototyped in Framer and supported by new brand guidelines defining updated typography and colour systems.
Sorted Website Redesign
2025
Exploring a modern, modular and interaction-led redesign of the Sorted digital experience. Prototyped in Framer and supported by new brand guidelines defining updated typography and colour systems.
The Challenge
After several years of iterative updates to the live Sorted website, the overall design language and site structure had begun to feel fragmented and dated. The platform lacked scalability, visual consistency and flexibility for future content needs. This presented an opportunity to explore a conceptual redesign that reimagined Sorted’s digital identity with a stronger focus on modularity and improved brand cohesion.
The Challenge
After several years of iterative updates to the live Sorted website, the overall design language and site structure had begun to feel fragmented and dated. The platform lacked scalability, visual consistency and flexibility for future content needs. This presented an opportunity to explore a conceptual redesign that reimagined Sorted’s digital identity with a stronger focus on modularity and improved brand cohesion.
The aim was to create a forward-looking prototype that modernised the interface, improved UX clarity and aligned the digital experience with Sorted’s position as a technology-led SaaS business.
The aim was to create a forward-looking prototype that modernised the interface, improved UX clarity and aligned the digital experience with Sorted’s position as a technology-led SaaS business.
Key objectives:
Redefine the Sorted visual identity through a modular and scalable layout system.
Develop new brand guidelines including typography, colour and accessibility standards.
Explore motion and interaction as UX tools to guide focus and enhance usability.
Key objectives:
Redefine the Sorted visual identity through a modular and scalable layout system.
Develop new brand guidelines including typography, colour and accessibility standards.
Explore motion and interaction as UX tools to guide focus and enhance usability.
The Solution
Using Framer as the prototyping tool, I designed a modular grid system and component library that provided structure and scalability across the site. This system allowed flexible content placement while maintaining visual consistency and responsive performance. Motion design principles were introduced subtly to support navigation flow and create an engaging interaction-led experience.
Alongside the prototype, I helped develop a refreshed set of Sorted brand guidelines. This included a new typographic hierarchy, an accessible colour palette and refined interface components designed to improve clarity, usability and visual harmony. The result was a cleaner and more confident brand presence built on scalable UX foundations.
The Solution
Using Framer as the prototyping tool, I designed a modular grid system and component library that provided structure and scalability across the site. This system allowed flexible content placement while maintaining visual consistency and responsive performance. Motion design principles were introduced subtly to support navigation flow and create an engaging interaction-led experience.
Alongside the prototype, I helped develop a refreshed set of Sorted brand guidelines. This included a new typographic hierarchy, an accessible colour palette and refined interface components designed to improve clarity, usability and visual harmony. The result was a cleaner and more confident brand presence built on scalable UX foundations.
Key actions:
Designed and prototyped the new site architecture and interaction model in Framer.
Built a modular component library supporting consistent layout and visual rhythm.
Defined new brand standards including fonts, colours, and accessibility parameters.
Applied motion design principles for improved user flow and engagement.
Key actions:
Designed and prototyped the new site architecture and interaction model in Framer.
Built a modular component library supporting consistent layout and visual rhythm.
Defined new brand standards including fonts, colours, and accessibility parameters.
Applied motion design principles for improved user flow and engagement.
Learnings
The Framer redesign demonstrated how a modular design system could transform Sorted’s visual and functional consistency. The new layout structure simplified content management and improved readability, while the updated brand guidelines strengthened accessibility and visual cohesion. The use of interaction and motion added depth to the experience, helping users navigate with greater clarity.
Learnings
The Framer redesign demonstrated how a modular design system could transform Sorted’s visual and functional consistency. The new layout structure simplified content management and improved readability, while the updated brand guidelines strengthened accessibility and visual cohesion. The use of interaction and motion added depth to the experience, helping users navigate with greater clarity.
Although this redesign was a conceptual exploration, it provided valuable insights into scalable design systems, real-time prototyping, and brand evolution. The project continues to inform how I approach accessibility, modularity and cross-platform UX in my ongoing work.
Although this redesign was a conceptual exploration, it provided valuable insights into scalable design systems, real-time prototyping, and brand evolution. The project continues to inform how I approach accessibility, modularity and cross-platform UX in my ongoing work.