01 · Case study
Find funding for your impact.
Funders publish opportunities. The NGOs and startups who need them lose hours hunting across websites, PDFs and inboxes. Fundink puts CSR, philanthropy and impact funding in one place you can search.
Fundink brings CSR, philanthropy and impact funding into one searchable place. Funders publish opportunities. NGOs and startups find the ones that fit them, then apply.
The product has two parts: a public site anyone can browse, and an application behind a login for registered organisations. I designed both and built the front end.
The goal
Get an organisation from “what funding exists?” to a registered account without a dead end.
Before opening Figma, we sit down over a coffee and talk.
What are we building? Who is it for? What problem are we solving? What does success look like?
On FundinkWho publishes, who applies, and what success means: registered organisations.
We look for the best beans before we brew.
We study competitors, users, trends and references to understand what works, what doesn't, and where we can do something different.
On FundinkHow funding opportunities are found today: scattered across websites, PDFs and inboxes.
Now we work out the right mix.
We map the user journey, information architecture and key interactions, turning a messy idea into a clear plan.
On FundinkThe public site and the application behind login, mapped from search to registration.
No fancy latte art yet. Just getting the shape right.
We explore different layouts and flows before spending time on the final visual design.
On FundinkLayout options for the home, explore and opportunity pages, explored before any colour.
Now the personality comes in.
Typography, colours, imagery, motion and visual details come together to give the product its character.
On FundinkSignal blue with an impact teal, Cabinet Grotesk headlines, and cards that feel serious but hopeful.
Good experiences need a system behind them.
We build reusable components, styles and design rules so everything stays consistent as the product grows.
On FundinkCards, chips, filters and states built once and reused across the site and the application.
A static design starts coming alive.
We prototype interactions, transitions and micro-animations to experience the product before development.
On FundinkFilter, card and sign-up interactions planned so searching feels quick and clear.
Time to take it from the counter to the customer.
The designs are developed into a responsive, functional product while keeping the original experience intact.
On FundinkBuilt in React as a responsive front end, with the application on its own subdomain.
We taste everything before serving it.
We test responsiveness, interactions, usability and visual details, then refine whatever doesn't feel right.
On FundinkFilters, cards and registration checked on phone and desktop, then tightened where needed.
The experience is ready for the real world.
We launch, monitor performance and make sure the final product feels as good in reality as it did in Figma.
On FundinkLive at fundink.in, with room to keep adding funders and opportunities.
The public site is cream. The application, on its own subdomain, is green.
Scroll sideways to see the whole flow
Find Funding
Cabinet Grotesk · 700 · headlines
Discover funding opportunities from CSR, philanthropy and impact investors.
Manrope · 400 to 600 · body and interface
Funding platforms usually read like a bank. This one had to feel trustworthy and still hopeful, so the blues stay formal and a teal carries the “impact” half of the story.
Find Funding
Cabinet Grotesk · 700 · headlines
Discover funding opportunities from CSR, philanthropy and impact investors.
Manrope · 400 to 600 · body and interface
What shipped, and where you can see it.
Free intro call, fixed quote.