BREAKFREE
Re-designing BreakFree’s app to help each person take control of their relationship with social media.
over-view
Born at ︎︎︎Berkeley SkyDeck, ︎︎︎ BreakFree‘s vision is to create a world with less dependency on social media.
The re-design focused on optimizing user interaction by implementing new and improved visual identity, site architecture and transitions.
Learn More about the BreakFree app ︎︎︎
BreakFree helps users regain control of their social media usage by offering rewards for staying off social media apps. The user-friendly app tracks progress and allows for easy redemption of rewards, fostering a healthier relationship with social media.
︎︎︎ Berkeley SkyDeck hosts over 300 start ups per year
The new app centers around a home page that displays a series of logos representing different social media apps. Users can swipe through the logos to find the app they want to challenge themselves with. It allows users to personalize their challenges to their specific needs and interests, making the app more engaging and interactive by giving users a visual way to navigate through the different social media apps.
︎︎︎ Conducted user research and user tests to better understand, empathize and identify the needs and pain points of the target users.
︎︎︎ Ideated concepts and design opportunities through considered wireframes and prototyping aligning with the user journey.
︎︎︎ Created a cohesive design system and intentional interface features.
︎︎︎ Conducted user research and user tests to better understand, empathize and identify the needs and pain points of the target users.
︎︎︎ Ideated concepts and design opportunities through considered wireframes and prototyping aligning with the user journey.
︎︎︎ Created a cohesive design system and intentional interface features.
USER RESEARCH—
A survey was sent out to the general consumer to get a baseline understanding of how they felt about the experience of the BreakFree app. Was it was easy to create solo and group challenges? Was it as simple to shop for prizes at the marketplace? Are they likely to use this app in the longterm?
USER RESEARCH—
GATHERING DATA
![]()
![]()
![]()
IDENTIFYING THE PROBLEM
- Confusing Navigation: The first problem with the user experience of this app is that the navigation is confusing and difficult to use. The apps layout was not intuitive enough for users to easily find what they are looking for. This lead to frustration and users abandoning the app altogether.
- Lack of Personalization: Another problem is the lack of personalization in the app. Users felt that the app was not tailored to their specific needs and preferences. For example, the app is designed to help users limit their social media usage, it should allow users to set their own goals and preferences for usage limits. Without this personalization, the app may not be as effective for users and they may not feel motivated to continue using it.
COLLATING THE FINDINGS
We conducted research to identify areas for improvement in our app reconstruction. Based on our findings, we emphasized the need for better user interface, optimization of performance and load times, enhanced features and functionality, and more customization options. We also discovered that users wanted more social features to connect and engage with others. Our takeaways guided our efforts to create a better user experience for our app.
VISUAL IDENTITY—
Creating a new identity and brand book— the company and app were rebranded with the key values of the company in mind
VISUAL IDENTITY—
WIREFRAMING—
To determine the best logistical approach for redesigning Break Free, prototypes with moderate levels of detail and functionality were created—allowing for a comprehensive evaluation of the design direction.
WIREFRAMING—
EXPERIMENTS—
EXPERIMENTS—
PROJECT DETAILS
Client:
Timeline:
Tools:
BreakFree Inc. (Berkeley SkyDeck Pad-13)Team:
Yukti V. Agarwal, Aram Festekjian
Timeline:
8 weeks (Oct — Nov ‘22)
Tools:
Adobe XD
Skills:
Human-Centered Design, System Thinking, User Research, Iterative Ideating, Wireframing, User Testing, Interactive Prototyping, Design System