Role:
Principle product designer
Nature of work:
Partnership
Duration:
5 years
Notable processes:
Agile flights
Notable technologies:
Salesforce
Overview
Foundgood is a platform designed for philanthropic foundations and their grant-makers to collaborate more effectively around the impact they are trying to create in the world.

My product studio: elsewhere and foundgood worked in partnership over five years to take the platform from an idea, to a proof of concept, to the fifth version of a live platform that is used by over 500 change-makers worldwide - accounting for over 100 billion USD in impact funding.

In this instance, operating as a 'Principal Product Designer' meant wearing all of the hats. I'd jump from actually building designs and features, to updating content or data objects in the back-end system, to running research sessions and workshops with foundations; and then dive into bigger-picture talks in steerco and advisory board meetings.

This level of involvement in all parts of the product and the company, allowed me to really shape the product from the ground up.
Design craft
Multidisciplinary design chops
Crunchy UX complexity
Research and data informed
Project leadership
Stakeholder management
Cross-functional team building
Storytelling and advocacy
Process
Strategic oversight
Defining ways of working
Connecting to business KPIs
From a napkin sketch to v5.0
First 'what is this?' whiteboard session - May 2018
I remember our early whiteboard sessions vividly - We struggled to define the core experience, grappling with discussions like, "It's sort of a project webpage builder.. but sometimes it needs to feel like doing your tax returns."

Initially, the product was broad, reflecting our limited understanding of user needs. With each iteration, we narrowed our focus, uncovering specific unmet needs for foundations and grant-makers.

By the fifth version, we'd built a robust, and configurable reporting tool, that allowed grant-makers to showcase their work in a way that demonstrated both qualitative and quantitative outputs and outcomes - in a way that was tailored to the strategic themes of each philanthropic foundation.
Grant-maker initiative view: Then and now
Foundation dashboard: Then and now
Nitty-gritty, head-scratchy UX
Original proposed platform architecture
At first glance, the platform's architecture and navigation seems like pretty straightforward, common sense stuff.

But a closer look, especially for those familiar with the field, reveals a deliberate structure. The information is mapped carefully to the 'logical model' and 'theory of change' frameworks used by civil society organisations to measure impact.

What is happening behind the scenes, is actually pretty bonkers! We had this incredibly intricate graph data model that could capture input, activity, output, and outcome data in a scalable and configurable way.

Figuring out how to design UX and interaction patterns that allowed for deep field-level customisation, while still keeping things intuitive, was a really satisfying challenge.
Data model ERD of Foundgood - c/o Billy Maddocks
Excerpt from UX guidelines on data capture for v4.0
Prototype to outline how data capture worked
Super lean UX definition, design + code
Components for high fidelity wireframing and prototyping
Modal definition for front end
Since Foundgood's product development was primarily grant-funded, we operated quite differently from typical VC-backed teams. We had a lean budget, so we often worked with a skeleton crew: a technical product manager, two engineers (1 × front end and 1 × back end), and myself.

Grant funding also meant we usually focused on one major project a year, with multiple outcomes and features to deliver. Time was always tight, so we needed a process that could get us from concept to code fast. Before any phase of work, we would spend a good amount of time scoping, prioritising and aligning on usually a fairly ambitious backlog, so that everyone knew what exactly needed doing and could execute with claritiy.

We built the front end modularly both in terms of our designed and coded artefacts, which let my design definition and the front-end engineers' development happen in unison. This meant we could move from defined concept to built code incredibly quickly.
Backlog of features and updates - c/o Billy Maddocks
Lean documentation: UX walk-throughs in Loom
Introducing effective new ways of working
A brief snippet of one of my design review Looms
Sometimes, it's the little things.

Some of my proudest moments in the five years working on foundgood came from the impact created in the processes developed around the product, and not only in the product itself.

A great example of this was introducing asynchronous working to one of our stakeholder groups to make review meetings (that were taking much longer than expected) run more effectively and efficiently.

I would record a video on Loom, walking through my design updates and it would be mandatory to have watched this video and provide feedback prior to review meeting taking place, on punishment of postponement!

We managed to get our design reviews down from a painful 2 hours, to an incredibly agreeable 15 minutes!
Overview of cycle ceremonies, stressing "Loom days"

Carry on through the archives

Take a look through some of the other things I’ve helped to build over the years.

Secret squirrel

A hush-hush project I’m not allowed to talk publicly about yet. You’ll need to use a password for this one.