Bettter Project

UI & UX Design

My Master’s thesis centered on the creation of a proof-of-concept called Bettter, a platform connecting volunteers with nearby sponsors to fund nonprofits. Volunteers on the platform carried out tasks for their friends and neighbors in exchange for digital credentials and a monetary contribution to the causes they care about. Tasks included anything on a sponsor’s to-do list: raking leaves, tutoring students, designing a logo – pretty much everything was fair game. As a result, Bettter funded the organizations making a difference in users’ communities while helping individuals get things done.

I spent the better part of two years developing the project, from user flows and wireframes to extensive user testing and iterative interface design. The finished product was a 110-page book that documented my design process, user testing procedure, and research findings.

Contents

  1. Structural wireframes
  2. Visual style tiles
  3. Home page
  4. Profile pages
  5. Task detail pages
I began this process by creating a sitemap and an extensive set of wireframes that defined how Bettter’s primary audiences would discover and interact with one another through the service. This stage also defined the user flows required to carry out complex tasks, such as sponsoring a volunteer.
Once the site’s layout and task flows were defined, I iterated on the visual layer that would sit on top of the wireframes. I created style tiles to quickly work through the typography, color palette, voice, and art direction that would define Bettter’s front-end design.
The finished home page combining the visual cues from the style tiles, the structure of the wireframes, and the findings from extensive user testing.
Example profile pages for nonprofit organizations and individual volunteers.
Example task flow pages for defining and scheduling a sponsored activity.
Go to Homepage