Building a beautiful site and seamless CMS. Letting Royal Voluntary Service focus on the important stuff - attracting volunteers and donations.
RVS’ existing website was rigid and inflexible. The client was struggling to communicate their message in an engaging way, and platform limitations made it time consuming to ‘hack’ pages into the format they desired. With an aging interface, contrasting their forward-thinking approach to digital, the opportunity was there to enhance both the end-user experience, and that of the CMS user.
Role
Lead designer
Contribution
Design systems, UX/UI design
Category
Web
Process
Initially we focussed on creating wireframes for key journeys - volunteering & donating. We presented mobile-first wires, as these would underpin the new responsive web solution we would be creating throughout the project.
Upon approval, we moved into visual concepts for large and small viewports. I worked closely and built a strong relationship with RVS' Head of Brand, ensuring the business could communicate effectively and achieve their goals with a comprehensive component suite.
Outcomes
We created a refined component suite with a structured CMS backdrop. This would be brought to life for the end user via a clear, confident aesthetic - incorporating their latest brand development - with consistent, effective signposting throughout primarily for volunteer and donation journeys.
Learnings
The client was used to shoehorning their content into a plain rich-text web page and was struggling conceptually with how they would put pages together themselves once we handed over the component-based CMS.
This inspired me to label components based on purpose, rather than layout. This isn’t a widely practiced method, but it makes it a bit like finding the right LEGO piece for CMS users building their content.
My deliverables
- Wireframes
- UI Visuals
- Component library
- Art direction & assets
Project undertaken at Equator agency.
