Freebee

Freebee

UI / UX Design

Animation

Overview

Freebee is a community-driven platform designed to help Gen Z navigate economic uncertainty by discovering free or budget-friendly activities. It offers a space to share tips, explore new experiences, and connect with others, all while reducing financial stress. With videos, suggestions, and creative ideas for affordable fun, the app empowers users to enjoy life without overspending and fosters meaningful connections in a time of isolation.

My Role

User Research • UI Design

Art Direction • Motion Design

Team Member

Liya Yan

Rommy Duenas

Kyle Chadderton

Jump to Section

Jump to Section

Introduction

Introduction

Final Prototype

Final Prototype

How it Works

How it Works

Design System

Design System

Conclusion

Conclusion

Introduction

Introduction

View the full research

View the full research

View the full research

Final Prototype

Final Prototype

Homepage and Categories

Homepage and Categories

Showcasing the home page, how activities are categorized, event information

and the sharing features with friends.

Showcasing the home page, how activities are categorized, event information

and the sharing features with friends.

Discover and Like

Discover and Like

Users can discover new locations on the map and save them for later. They can also check their friends' likes and plan activities together. The "Freebee's Choice" highlights destinations that the Freebee community considers most worth visiting.

Users can discover new locations on the map and save them for later. They can also check their friends' likes and plan activities together. The "Freebee's Choice" highlights destinations that the Freebee community considers most worth visiting.

Manage My Account

Manage My Account

Users can track their monthly activities and add friends. Verified users can add their own events, but the events must first be reviewed by the Freebee community. Once approved, the events will appear on the homepage.

Users can track their monthly activities and add friends. Verified users can add their own events, but the events must first be reviewed by the Freebee community. Once approved, the events will appear on the homepage.

How it Works

How it Works

Design System

Design System

Reflection

Reflection

What I learned

What I learned

This project taught me how to effectively utilize the limited space in mobile design. Choosing the right elements is crucial, as mobile screens offer much less room compared to desktop designs. One key lesson came from my low-fidelity design, where I decided to remove the logo from the homepage. This decision allowed for more space to display events, which are the primary focus of the app. By prioritizing content over branding in this case, I ensured that users could easily access the most important information without unnecessary distractions. This experience highlighted the importance of thoughtful decisions when it comes to designing for small screens and maximizing the user experience.

What is the next step

What is the next step

The next step for this project is to develop additional modes, for example, creating a Light Mode and conduct more usability testing with the actual target audience. I will also evaluate the existing features more deeply and explore opportunities to refine them while developing new, complementary features.

Next Project

Next Project

ria9984yan@gmail.com

ria9984yan@gmail.com

ria9984yan@gmail.com