Collaboration: Graphic Designer, Business Owners
Tools: WordPress, Figma, Google Analytics, Elementor
Deliverables: Multi-page website, brand-consistent UI, infographics, content strategy, accessibility features
Focus: Community-centric branding, responsive UX, stakeholder collaboration
I designed and developed a new multi-page website for 3 Seeds, a social enterprise focused on sustainable community development. The goal was to create an elegant, scalable platform aligned with their updated visual identity and communicate their impact through compelling storytelling.
3 Seeds was undergoing a brand transformation but lacked a cohesive digital presence to reflect its mission. Their existing single-page layout could not effectively showcase their growing portfolio of projects and social products. Key issues included:
Lack of brand consistency between the website and printed marketing materials
A flat, one-page layout that couldn’t scale with the organisation’s evolving offerings
Confusing navigation and limited storytelling about their community initiatives
Absence of visual and infographic support to communicate impact
Poor user accessibility and limited mobile optimisation
These gaps limited their ability to engage partners, drive awareness, and scale their mission digitally.
3 Seeds is a mission-led organisation that brings together people, ideas and resources to co-create and scale businesses that enable self-sustaining communities. Their impact spans education, employment, food security and grassroots development.
The website needed to:
Showcase their diverse projects and products in a compelling way
Align visually with their new brand palette and printed leaflets
Provide clear, multi-page navigation for users to explore offerings
Embed their values into the design language and structure
Enable ongoing engagement and support from their partners and community
Communicate 3 Seeds’ radical approach to community development
Integrate a new brand system into the digital platform
Transition from a single-page to multi-page layout for content scalability
Improve user engagement through visual storytelling and infographics
Ensure accessibility and responsiveness across all devices
Conducted interviews and surveys with community members and stakeholders to understand how people interact with 3 Seeds’ work
Analysed competitor social enterprise websites to uncover visual, functional, and strategic differentiators
Audited the current website’s performance by doing a heuristic analysis and gathered feedback on user frustrations
Investigated SEO, accessibility, and cross-browser performance as part of foundational research
Reviewed the graphic designer’s offline brand assets (leaflets, colour palettes, logo work) to ensure digital alignment
“We want a site that reflects our story and is as impactful as the work we do on the ground.” — Co-Founder, 3 Seeds
Collaborated closely with the graphic designer to translate their print work into a consistent, interactive brand identity online
Designed around radical simplicity, inspired by nature, growth, and collective action
Proposed a multi-page information architecture with dedicated spaces for: Projects, Products, Partners, About, and Get Involved
Used infographics to make complex impact stories digestible and emotionally resonant
Defined a tone that’s accessible, action-oriented, and community-first
Created low- to high-fidelity wireframes for each site section
Developed interactive prototypes to test layout structure, iconography, and navigation clarity
Integrated accessibility-compliant colours from the new brand palette
Worked in WordPress to build a flexible, scalable system that business owners could manage post-launch
Conducted usability testing with a mix of stakeholders and users from target communities
Iteratively incorporated feedback from founders, technical support and the community
A visually engaging, multi-page website built on WordPress to support future growth
A cohesive design that mirrors the leaflets, palette, and branding created by the design team
Seamless integration of timeline, project sections, calls to action and social links
Infographics and image carousels to tell the story of impact in an approachable, human way
Accessible and responsive design aligned with WCAG AA guidelines for clarity and usability across all devices
Launched a brand-aligned, scalable website that reflects 3 Seeds’ mission and values
Increased digital engagement and community interaction across projects and donation pages
Provided a platform for partners and funders to explore the breadth of initiatives more clearly
Enhanced navigation and structure, allowing users to easily find what they need
Empowered the organisation to manage content in-house without reliance on developers
Observed improved performance across mobile, desktop, and tablet browsers
Translating abstract values into concrete design elements that resonate emotionally
Maintaining brand fidelity across platforms while designing for accessibility
Balancing creative visual storytelling with content scalability and SEO
Ensuring development responsiveness on WordPress while customising heavily
Co-creating with graphic designers and business owners leads to more unified, impactful results
Infographics and modular layouts are powerful tools for social impact storytelling
Continuous user testing helps refine the right tone and accessibility balance
Designing for scale means planning with both the present and future audience in mind
This project taught me the power of intentional, community-first design how visual language, layout, and story can be tools of empowerment. I learned to align offline brand assets with digital experiences, to work in tandem with graphic and business stakeholders, and to build in adaptability for future growth.
For the next phase, I’d like to explore:
Adding impact dashboards or visual metrics tracking
Embedding a volunteer or partnership sign-up flow
Creating interactive maps for regional project expansion