Explore my portfolio

3 Seeds

Overview

Summary

Role: Website Designer & Developer

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.

 

Problem Statement

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.

About the Project

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

Design Goals

  • 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

Research

Methods & Insights:

  • 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

Ideation & Strategy

Core Ideas:

  • 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

Prototyping & Testing

Prototyping & Deliverables:

  • 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

Final Solution

Features Delivered:

  • 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

Impact and Results:

  • 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

Challenges & Learnings

Key Challenges:

  • 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

Learnings

  • 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

Reflection

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