UXJames | The Professional Design Portfolio of James Coles

betterworld

BetterWorld uses cutting-edge technology to make online fundraising easy for nonprofits. Our fundraising platform is designed to be incredibly easy to use.

Overview

BetterWorld.org needed a new UX for their donation feature. I was tasked with creating two versions: one that redesigned the existing framework with additional features, and the other that offers a completely fresh flow with the same new additions. The additional features included a "save for later" function, the ability to add and remove multiple items, and a suggested items function. You can view the original layout here.

Primary Color

#3E4E5F

Secondary Color

#728FAD

Accent Color 01

#C8F2CB

Accent Color 02

#4FA15F

Flow 01

Flow 01 introduces a completely new design that enhances interactivity by using multiple screens. I received a style guide and specific instructions for creating a more engaging flow aimed at increasing donation conversions. This version also incorporates additional features that were requested, such as a “save for later” function, the ability to add and remove multiple items, and a suggested items feature. You can view the original layout here.

Flow 02

Flow 02 is a redesigned version of the existing one-screen framework. It features enhancements such as a "save for later" function, the ability to add and remove multiple items, and a "suggest an item" functionality. You can view the original layout here.

Let's Connect

Please feel free to reach out to discuss collaboration opportunities. Let's create something great together.