Forest Friend Design Sprint
Forest Friend Design Sprint
2025
Visual Design | Figma | UI | Rapid Prototyping
2025
Visual Design | Figma | UI | Rapid Prototyping
ABOUT
ABOUT
In two days, I took a PRD from concept to 6 high-fidelity screens. I designed an aesthetically-pleasing, gamified app that tracks CO₂ emissions and encourages sustainable habits.
In two days, I took a PRD from concept to 6 high-fidelity screens. I designed an aesthetically-pleasing, gamified app that tracks CO₂ emissions and encourages sustainable habits.
CHALLENGE
CHALLENGE
Climate change is a pressing issue. Forest Friend is a CO₂ data platform that helps users understand their impact and make better choices for a sustainable future.
Requirements:
➢ A personal CO₂ dashboard
➢ A screen that shows a user’s estimated CO₂ emissions, broken down by category (e.g. travel, food).
➢ A Community Impact View, where users can join groups and see their CO₂ savings/impact.
➢ Additional features, such as tips to motivate the user to achieve their climate goals.
Climate change is a pressing issue. Forest Friend is a CO₂ data platform that helps users understand their impact and make better choices for a sustainable future.
Requirements:
➢ A personal CO₂ dashboard
➢ A screen that shows a user’s estimated CO₂ emissions, broken down by category (e.g. travel, food).
➢ A Community Impact View, where users can join groups and see their CO₂ savings/impact.
➢ Additional features, such as tips to motivate the user to achieve their climate goals.
PROCESS
PROCESS
My vision for Forest Friend was an app that turns sustainable habits into leaves. Each time you complete an action, you earn a leaf and your tree grows a little more, until you have an entire forest.
My vision for Forest Friend was an app that turns sustainable habits into leaves. Each time you complete an action, you earn a leaf and your tree grows a little more, until you have an entire forest.
I took inspiration from Calm and Notion's aesthetically-pleasing UI.
I took inspiration from Calm and Notion's aesthetically-pleasing UI.
I start every design with lo-fi sketches. I incorporated all the requirements and then worked out the flow.
I start every design with lo-fi sketches. I incorporated all the requirements and then worked out the flow.
RESULTS
RESULTS
Screen 1: Welcome to Forest Friend
➢ Friendly visuals
➢ UI is calming, not overwhelming
Screen 1: Welcome to Forest Friend
➢ Friendly visuals
➢ UI is calming, not overwhelming
Screen 2: Account Creation
➢ Clearly defined user groups
➢ UX writing makes the process clear and encouraging
Result: Quick and easy account creation. Users are encouraged, not pressured, to form sustainable habits.
Screen 2: Account Creation
➢ Clearly defined user groups
➢ UX writing makes the process clear and encouraging
Result: Quick and easy account creation. Users are encouraged, not pressured, to form sustainable habits.
Screen 3: Group Dashboard
➢ User can create, join, and manage their groups
Screen 3: Group Dashboard
➢ User can create, join, and manage their groups
Screen 4: Group Homepage
➢ Breaks down data into simple visuals
➢ Click on charts for more information
➢ Users can set Action Goals that best suit their lifestyle
➢ Green or red used for positive/negative visual cues
Result: Users can see their data and current progress, empowering them to meet their goals.
Screen 4: Group Homepage
➢ Breaks down data into simple visuals
➢ Click on charts for more information
➢ Green or red used for positive/negative visual cues
Result: Users can see their data and current progress, empowering them to meet their goals.
Screen 5: Personal Homepage
➢ Rewards for consistency and long-term progress
➢ Progress is represented as a garden, rather than charts
Result: Positive reinforcement for building habits. Users can see their progress and are given actionable steps towards their goals.
Screen 5: Personal Homepage
➢ Rewards for consistency and long-term progress
➢ Progress is represented as a garden, rather than charts
Result: Positive reinforcement for building habits. Users can see their progress and are given actionable steps towards their goals.
Screen 6: Loading Screen
➢ Actionable tips with clearly stated impact to motivate users
Screen 6: Loading Screen
➢ Actionable tips with clearly stated impact to motivate users
I did not change the design after the sprint. I forgot things, like a navigation bar. It isn't my "best" work, but it shows the effort I put when given limited time.
My main focus (gamification, data visualization) was achieving the app's goal: making climate action feel rewarding, not overwhelming.
I did not change the design after the sprint. I forgot things, like a navigation bar. It isn't my "best" work, but it shows the effort I put when given limited time.
My main focus (gamification, data visualization) was achieving the app's goal: making climate action feel rewarding, not overwhelming.
Every experience is a chance to learn something new. I'm ready for the next one.
San Francisco, CA / Champaign, IL
Every experience is a chance to learn something new. I'm ready for the next one.
San Francisco, CA / Champaign, IL