Greenbean
Cool beans.
Take something confusing and boring, and make it simple and engaging. For my senior thesis class, I designed the identity and UI for a conceptual budgeting app. Now let’s make budgeting more fun!
This project involved the design and branding of a personal budgeting app. This app was designed to be approachable and helpful for young adults who might be intimidated by or have limited knowledge about managing finances. Extensive research was conducted into interface design, color palette, language, and marketing. Results included high-fidelity app screens, animations, an email marketing campaign, a website landing page, social media posts, and collateral (such as stickers and t-shirts). Check out the process below.
User Flow Map
A user flow map was created to walk through the user’s experience on the Greenbean app. This helped incorporate empathy into the design and allowed for thorough planning of the app process.
Wireframes
Wireframes were created to plan the process of the app screens for Greenbean. This allowed for both user experience design and user interface design to be thoroughly developed in an empathetic, human-centered manner.
Low-Fidelity Prototypes
The app wireframes were then improved and digitized in Figma. These low-fidelity prototypes were shown to five users for feedback. Accessibility was the concern with these interfaces, as color contrast was insufficient and hindered legibility. This observation, among others, informed iterations.
High Fidelity Prototypes
After wireframing, app screens were developed in stages from low- to mid- to high-fidelity. These app screens are the primary product of Greenbean. The interface is designed to be approachable, organized, and visually appealing.
Email Campaign
An email campaign was created for Greenbean to highlight the educational aspect of the brand. The campaign walks through the most commonly googled finance-related questions, and the copy and design of the campaign displays information in an easy-to-understand way for users who might be intimated by financial jargon. Emails feature animation to enhance user interest.
Social Media Campaign
The social media campaign parallels the email campaign to create a cross-channel campaign, a technique often implemented by financial companies. The purpose of this social media campaign is to provide users with bite-sized helpful information and also point them toward subscribing to Greanbean emails.
Website
Like the app screens, the Greenbean website is approachable and visually appealing, yet it includes call-to-actions to point users to download the app. The website also includes a blog page to further push the educational aspect of Greenbean.