Givebutter

Developing Givebutter’s mobile app for nonprofit fundraising events

Fintech

Mobile

Design

The landing page for the Women Techmakers Story Map, featuring the top of a globe with avatars of women placed in different locations in the world.

Google

Coming up

Jam City

Our Impact

We helped Givebutter design and build a mobile app for nonprofit organizations to manage their live fundraising events.

Built the mobile app to process in-person payments and ticket validation during live events
Set up a flexible design system for scalability and future iterations
Designed interactive webpages to promote the mobile app and other fundraising event tools

Like what you see? Let’s chat about your next project.

Let's Talk

Traditionally, fundraising for nonprofits has been challenging due to the lack of free tools in the market.

Over the last decade, Givebutter has created free tools for donation forms, campaigns, events, donor management (CRM), emails, texting, auction solutions, and more.

THE VISION

Givebutter noticed that there was no tool in the market that allowed nonprofits to handle both in-person payments and ticket validation during live events. It was a natural extension of their offerings and an opportunity to provide another free tool to their user base.

WHY LAZER?

‍The Givebutter team approached Lazer due to our extensive expertise building mobile apps with React Native. With our fast iteration, we were able to not only design and build what they had in mind, but also designed interactive webpages promoting their fundraising tools.

Visit Website

platform

Webflow
Mobile (React Native)

Expertise

UI/UX Design
Mobile Development
Frontend Development

Stage

Seed

Investors

Bessemer Venture Partners
Ardent Venture Partners

Approach

Designing for the user and the future

Empathizing, conceptualizing, and designing: Putting ourselves in the shoes of the user, we conducted a light research sprint to identify clear needs and wants. We ran ideation sessions focused on these pain points, conceptualized key user flows, then crafted high-fidelity designs to bring the solution to life.

‍Planning a flexible design system: Factoring in future iterations of the fundraising tool, we crafted a design system that would be flexible and allowed the Givebutter team to execute on future variations. This included typography, colour palettes, layouts, components, fonts, and more.

A user experience map from the design phase of the Givebutter mobile app.

ux system map analysis

Approach

Building the ideal mobile experience

Harnessing the power of mobile: The fundraising tool needed to be used for in-person events, so the mobile app had to be performant, seamless, and intuitive. We developed it with React Native for Android and iOS, ensuring that running events, processing donations, and scanning tickets were smooth and easy processes for event managers and volunteers.‍

Creating high-converting landing pages: We leveraged Webflow so that the Givebutter team could easily make key changes and iterations to their fundraising webpages. We ensured that were highly performant, mobile responsive, and optimized for conversions.

Visit Website

Working with the Givebutter team on this new fundraising tool was an absolute blast.

Designing and building the mobile app meant directly helping nonprofits have an easier time managing events and raising money for good causes.

Givebutter has seen incredible growth since this project; we’re excited to see how they continue to develop their fundraising and CRM platform to be the all-in-one home where nonprofits can grow.

Ready to make an impact?

Let's Talk