Plan Vivo
WEBSITE UI DESIGN
Designing a professional yet warm, approachable and people-centered website for Plan Vivo, a charity supporting community-led climate and nature projects.
Plan Vivo are a charity that certifies high-integrity climate and nature projects that create a positive impact in climate and nature markets. At least 60% of the revenue generated from the sale of Plan Vivo Certificates goes back to the communities.
Working as a designer for ethical agency Kind, my role was as UI designer for this project.
The previous website was content-heavy, difficult to navigate and didn’t clearly explain who Plan Vivo are or what they do. They needed a new website to reflect their new brand identity which had also been created by Kind to be clear and professional but also with personality and warmth. The new website needed to be able to convey a lot of information in a user-friendly way, with user journeys that allowed the variety of users to find what they needed.
The main aim of this project was to create a person-centered, accessible website with personality and warmth, that meets the needs of Plan Vivo’s range key users - including project developers, corporate buyers, funders and communities. It was also important to stay consistent with the new brand identity.
My role in this project taken on by ethical agency Kind, was to support with UX and being responsible for the design process, from wireframes through to responsive UI design and handover to development. I used the research and discovery work taken on by kind - including a user needs session - to inform the wireframes initially and create a user friendly content structure and clear user journeys.
Once the wireframes were approved I took the brand guidelines and started building out the design system and components consistent with the brand, that also support the varied content needs of Plan Vivo. The design system was then used to build out various flexible UI templates to give the client a set of flexible, on-brand templates and components to accommodate their wide range of content - from complex technical information about certification standards, to storytelling, community impact, and calls to action (without sacrificing consistency or clarity).
The final result is a beautifully designed but functional, accessible and user-friendly website that gives Plan Vivo the platform their work deserves. It communicates their integrity clearly, presents complex information in an approachable and engaging way, and ensures each audience can navigate with ease. Plan Vivo now has a website that clearly communicates their credibility, purpose and the important work they’re doing.
Let’s work together
If you're looking for a designer who brings creativity, strategy and understanding to the process, someone who really listens and works with you.. I’d love to support you! Whether you’re starting from scratch or ready to refresh what you’ve got, let’s collaborate on a website that helps move your business forward.