{"schema_version":"1.10","project":{"id":"bankuet-donor","slug":"donor","title":"Bankuet: Rebuilding the donor experience","card":{"title":"Donor experience rebuild","deliverable":"Led and built a visual and technical overhaul of Bankuet's donor experience.","outcomes":"Technical food bank setup ~45 → 10 min · donation 5 → 3 steps"},"seo":{"title":"Donor experience rebuild","description":"How I led and built Bankuet's visual and technical rebuild, reducing donation from five steps to three and technical food bank setup from 45 minutes to 10."},"canonical_url":"https://laurence-peberdy.com/w/donor","markdown_url":"https://laurence-peberdy.com/w/donor.md","project_context":{"type":"organization","name":"Bankuet","url":"https://bankuet.co.uk"},"project_date":{"precision":"month","value":"2025-10"},"published":"2026-08-05","updated":"2026-09-06","role":["Product Lead","Engineering Lead"],"responsibility_summary":"I led product direction and architecture, recommended the move from Squarespace and built the production application. I worked with our fractional UX Lead and secured CEO buy-in.","description":"I led and built a three-month visual and technical rebuild of Bankuet's donor application, reducing donation from five steps to three and technical food bank setup from about 45 to 10 minutes.","summary":["Bankuet's donor experience lived in Squarespace. Changing donation options meant working around its page and form model; adding a food bank or fundraising campaign meant repeating setup; and the site connected awkwardly to the services behind it.","I moved the donor experience into an application we controlled, while keeping specialist services such as Beacon for payments and CRM. That made the experience easier to change, reduced setup work, and gave a small team a codebase it could keep extending."],"problem":"**Changing the donation journey was hard.** Donation options and steps were constrained by the Squarespace setup, so adapting the flow as Bankuet's needs changed was cumbersome. **Adding food banks and campaigns repeated the same setup work.** Technical food bank setup and fundraising campaign setup both required manual configuration. **The website and operational systems were loosely connected.** The donor site did not integrate cleanly with Beacon CRM and the other services Bankuet relied on.","constraints":["Rebuilding the app did not mean replacing every service. Three constraints shaped the architecture:","**The application needed to be extensible.** It had to connect cleanly to multiple data sources and services, adapt as Bankuet's needs changed, and support future initiatives without another rebuild.","**The payment system had to stay proportionate to our scale.** We needed flexible giving and Direct Debit without taking on the implementation and operational risk of a bespoke payment stack unless that extra control justified it.","**A small team needed to operate and adapt it.** The application had to stay straightforward to run and change without a large engineering team."],"hypotheses":["If we owned the application layer but reused specialist services where they were strong, we could simplify giving, remove repeated setup work, and connect the donor experience to operational data without creating a system the team could not maintain."],"interventions":["I recommended moving the donor experience out of Squarespace and built a Next.js app on Vercel. Rather than rebuild every capability, I connected it to existing services where that reduced risk or made the product easier to operate.","**Beacon rather than a bespoke payment layer.** Rather than own card and Direct Debit flows, I embedded Beacon CRM donation forms. I had considered handling payments directly with Stripe and Supabase, but Beacon gave us flexible giving, Direct Debit and closer CRM integration with less implementation and operational risk.","**Supabase and Mapbox for food bank discovery.** A Supabase Edge Function pulls food bank data from Beacon; Mapbox uses it for location search and maps on the donor site.","**Notion rather than a custom CMS.** Colleagues already managed blog content in Notion, so I used it as the content system and retrieved posts through Notion's API. This reduced build scope and kept editorial control with non-technical colleagues.","**Look and feel.** With our UX Lead, I implemented the visual redesign and standardised common sections in Figma and code. This made the experience more consistent and pages faster to design and build.","I also led structured pre-launch QA across pages and screen sizes."],"technologies":["Next.js","Vercel","Beacon CRM","Supabase","Mapbox","Notion"],"competencies_demonstrated":["Full-stack product engineering","Cross-functional design collaboration","Third-party CRM and data integration"],"outcomes":["bankuet-donor-onboarding-time","bankuet-donor-campaign-setup-time","bankuet-donor-checkout-steps"],"case_study":{"id":"bankuet-donor","title":"Bankuet: Rebuilding the donor experience","card":{"title":"Donor experience rebuild","deliverable":"Led and built a visual and technical overhaul of Bankuet's donor experience.","outcomes":"Technical food bank setup ~45 → 10 min · donation 5 → 3 steps"},"seo":{"title":"Donor experience rebuild","description":"How I led and built Bankuet's visual and technical rebuild, reducing donation from five steps to three and technical food bank setup from 45 minutes to 10."},"projectContext":{"type":"organization","name":"Bankuet","url":"https://bankuet.co.uk"},"projectDate":{"precision":"month","value":"2025-10"},"published":"2026-08-05","updated":"2026-09-06","blurb":"I led and built a three-month visual and technical rebuild of Bankuet's donor application, reducing donation from five steps to three and technical food bank setup from about 45 to 10 minutes.","role":["Product Lead","Engineering Lead"],"responsibilitySummary":"I led product direction and architecture, recommended the move from Squarespace and built the production application. I worked with our fractional UX Lead and secured CEO buy-in.","decision":"Build an application we could adapt, but retain Beacon's forms rather than building a bespoke payment layer.","summary":["Bankuet's donor experience lived in Squarespace. Changing donation options meant working around its page and form model; adding a food bank or fundraising campaign meant repeating setup; and the site connected awkwardly to the services behind it.","I moved the donor experience into an application we controlled, while keeping specialist services such as Beacon for payments and CRM. That made the experience easier to change, reduced setup work, and gave a small team a codebase it could keep extending."],"heroImage":{"src":"/images/donor-service-find-a-food-bank.png","alt":"Bankuet's food bank discovery interface, with a map and a list of food banks to support.","caption":"Food bank discovery in the redesigned donor application."},"problem":{"intro":[],"items":["**Changing the donation journey was hard.** Donation options and steps were constrained by the Squarespace setup, so adapting the flow as Bankuet's needs changed was cumbersome.","**Adding food banks and campaigns repeated the same setup work.** Technical food bank setup and fundraising campaign setup both required manual configuration.","**The website and operational systems were loosely connected.** The donor site did not integrate cleanly with Beacon CRM and the other services Bankuet relied on."]},"constraints":{"intro":["Rebuilding the app did not mean replacing every service. Three constraints shaped the architecture:"],"items":["**The application needed to be extensible.** It had to connect cleanly to multiple data sources and services, adapt as Bankuet's needs changed, and support future initiatives without another rebuild.","**The payment system had to stay proportionate to our scale.** We needed flexible giving and Direct Debit without taking on the implementation and operational risk of a bespoke payment stack unless that extra control justified it.","**A small team needed to operate and adapt it.** The application had to stay straightforward to run and change without a large engineering team."]},"hypotheses":{"intro":["If we owned the application layer but reused specialist services where they were strong, we could simplify giving, remove repeated setup work, and connect the donor experience to operational data without creating a system the team could not maintain."],"items":[]},"interventions":{"intro":["I recommended moving the donor experience out of Squarespace and built a Next.js app on Vercel. Rather than rebuild every capability, I connected it to existing services where that reduced risk or made the product easier to operate."],"items":["**Beacon rather than a bespoke payment layer.** Rather than own card and Direct Debit flows, I embedded Beacon CRM donation forms. I had considered handling payments directly with Stripe and Supabase, but Beacon gave us flexible giving, Direct Debit and closer CRM integration with less implementation and operational risk.","**Supabase and Mapbox for food bank discovery.** A Supabase Edge Function pulls food bank data from Beacon; Mapbox uses it for location search and maps on the donor site.","**Notion rather than a custom CMS.** Colleagues already managed blog content in Notion, so I used it as the content system and retrieved posts through Notion's API. This reduced build scope and kept editorial control with non-technical colleagues.","**Look and feel.** With our UX Lead, I implemented the visual redesign and standardised common sections in Figma and code. This made the experience more consistent and pages faster to design and build."],"outro":["I also led structured pre-launch QA across pages and screen sizes."]},"technologies":["Next.js","Vercel","Beacon CRM","Supabase","Mapbox","Notion"],"competenciesDemonstrated":["Full-stack product engineering","Cross-functional design collaboration","Third-party CRM and data integration"],"outcomes":{"intro":["The redesigned site launched in October 2025. The clearest measured gains were in technical food bank setup and the donation flow:"],"items":[{"id":"bankuet-donor-onboarding-time","kind":"measured_outcome","claim":"Technical food bank setup time fell from approximately **45 minutes to 10 minutes**.","metric":"food_bank_onboarding_time","before":{"value":45,"unit":"minute"},"after":{"value":10,"unit":"minute"},"change":{"relative":-0.78},"measurement":{"source_type":"internal_operational_data","status":"author_reported","scope":"Technical food bank setup, not the complete onboarding lead time"}},{"id":"bankuet-donor-campaign-setup-time","kind":"qualitative_outcome","claim":"Fundraising campaign setup went from around **one day to effectively instant**.","measurement":{"source_type":"internal_operational_data","status":"author_reported","scope":"Reported setup-time comparison; not a measured staff-hours saving"}},{"id":"bankuet-donor-checkout-steps","kind":"measured_outcome","claim":"The donation flow was reduced from **five steps to three**.","metric":"checkout_steps","before":{"value":5,"unit":"step"},"after":{"value":3,"unit":"step"},"change":{"relative":-0.4},"measurement":{"source_type":"internal_operational_data","status":"author_reported"}}]},"evidenceScope":"Before-and-after operational observations and a donation-step count. Technical food bank setup is a different measure from end-to-end food bank onboarding lead time. Campaign setup timings are not a measured staff-hours saving. The look-and-feel upgrade is described qualitatively, not as a measured conversion improvement.","limitations":["Conversion measurement remains limited: the embedded Beacon donation form and application analytics sit across different systems. This case does not establish a conversion uplift attributable to the rebuild."]},"content_hash":"sha256:d6cd97495de7de255f9a52c75e83cd17e71208669657633a27f31b628f0031d3","evaluation_scope":"Before-and-after operational observations and a donation-step count. Technical food bank setup is a different measure from end-to-end food bank onboarding lead time. Campaign setup timings are not a measured staff-hours saving. The look-and-feel upgrade is described qualitatively, not as a measured conversion improvement.","limitations":["Conversion measurement remains limited: the embedded Beacon donation form and application analytics sit across different systems. This case does not establish a conversion uplift attributable to the rebuild."],"outcome_context":{"intro":["The redesigned site launched in October 2025. The clearest measured gains were in technical food bank setup and the donation flow:"],"outro":[]}},"claims":[{"id":"bankuet-donor-lead-role","subject":"laurence-peberdy","project_id":"bankuet-donor","kind":"responsibility","claim":"I led product direction and architecture, recommended the move from Squarespace and built the production application. I worked with our fractional UX Lead and secured CEO buy-in.","canonical_source":"https://laurence-peberdy.com/w/donor"},{"id":"bankuet-donor-onboarding-time","subject":"laurence-peberdy","project_id":"bankuet-donor","kind":"measured_outcome","claim":"Technical food bank setup time fell from approximately **45 minutes to 10 minutes**.","metric":"food_bank_onboarding_time","before":{"value":45,"unit":"minute"},"after":{"value":10,"unit":"minute"},"change":{"relative":-0.78},"provenance":{"source_type":"internal_operational_data","status":"author_reported","scope":"Technical food bank setup, not the complete onboarding lead time"},"context":{"evaluation_scope":"Before-and-after operational observations and a donation-step count. Technical food bank setup is a different measure from end-to-end food bank onboarding lead time. Campaign setup timings are not a measured staff-hours saving. The look-and-feel upgrade is described qualitatively, not as a measured conversion improvement.","limitations":["Conversion measurement remains limited: the embedded Beacon donation form and application analytics sit across different systems. This case does not establish a conversion uplift attributable to the rebuild."],"outcome_intro":["The redesigned site launched in October 2025. The clearest measured gains were in technical food bank setup and the donation flow:"],"outcome_outro":[]},"canonical_source":"https://laurence-peberdy.com/w/donor#bankuet-donor-onboarding-time"},{"id":"bankuet-donor-campaign-setup-time","subject":"laurence-peberdy","project_id":"bankuet-donor","kind":"qualitative_outcome","claim":"Fundraising campaign setup went from around **one day to effectively instant**.","provenance":{"source_type":"internal_operational_data","status":"author_reported","scope":"Reported setup-time comparison; not a measured staff-hours saving"},"context":{"evaluation_scope":"Before-and-after operational observations and a donation-step count. Technical food bank setup is a different measure from end-to-end food bank onboarding lead time. Campaign setup timings are not a measured staff-hours saving. The look-and-feel upgrade is described qualitatively, not as a measured conversion improvement.","limitations":["Conversion measurement remains limited: the embedded Beacon donation form and application analytics sit across different systems. This case does not establish a conversion uplift attributable to the rebuild."],"outcome_intro":["The redesigned site launched in October 2025. The clearest measured gains were in technical food bank setup and the donation flow:"],"outcome_outro":[]},"canonical_source":"https://laurence-peberdy.com/w/donor#bankuet-donor-campaign-setup-time"},{"id":"bankuet-donor-checkout-steps","subject":"laurence-peberdy","project_id":"bankuet-donor","kind":"measured_outcome","claim":"The donation flow was reduced from **five steps to three**.","metric":"checkout_steps","before":{"value":5,"unit":"step"},"after":{"value":3,"unit":"step"},"change":{"relative":-0.4},"provenance":{"source_type":"internal_operational_data","status":"author_reported"},"context":{"evaluation_scope":"Before-and-after operational observations and a donation-step count. Technical food bank setup is a different measure from end-to-end food bank onboarding lead time. Campaign setup timings are not a measured staff-hours saving. The look-and-feel upgrade is described qualitatively, not as a measured conversion improvement.","limitations":["Conversion measurement remains limited: the embedded Beacon donation form and application analytics sit across different systems. This case does not establish a conversion uplift attributable to the rebuild."],"outcome_intro":["The redesigned site launched in October 2025. The clearest measured gains were in technical food bank setup and the donation flow:"],"outcome_outro":[]},"canonical_source":"https://laurence-peberdy.com/w/donor#bankuet-donor-checkout-steps"}],"relationships":[{"subject":"laurence-peberdy","predicate":"led","object":"bankuet-donor"},{"subject":"laurence-peberdy","predicate":"built","object":"bankuet-donor"},{"subject":"bankuet-donor","predicate":"produced_outcome","object":"bankuet-donor-onboarding-time"},{"subject":"bankuet-donor","predicate":"produced_outcome","object":"bankuet-donor-campaign-setup-time"},{"subject":"bankuet-donor","predicate":"produced_outcome","object":"bankuet-donor-checkout-steps"}],"canonical_source":"https://laurence-peberdy.com/w/donor"}