The Climate App
A fun mobile to drive a social movement in reducing carbon footprint.
The Climate App is a mobile app that utilizes gamification features to make carbon-cutting actions fun, inspiring and scalable for individuals, inviting more people to join the movement.
UI & Visual Designer
July 2020 - Present (In progress)
Figma, Illustrator, Photoshop
Throughout this project, I have been working with another UX/UI designer and the app founder remotely. My role is to create the visual part of the app and the brand: Beta app UI Design, new branding assets, and marketing materials for the crowdfunding campaign. Currently, I am in the progress of finalizing a new sets of icons and illustrations throughout the app, as well coming up with a new branding identity for the Beta App soft launch in March 2021.
What's the context?
Started in 2019, the team now consists of 25 passionate environmentalists that have come together to help solve the largest crisis of our time. The team has developed the alpha app, beta app designs, partnerships, and social media presence. The crowdfunding campaign
was launched in September 2020 to raise £30k to develop the Beta app.
The challenge was to redesign the Beta app UI elements and the overall brand image to achieve the following:
- fun, engaging, and inviting Visual & UI design to make cutting carbon easy, fun, and social
- unique and recognizable brand image to create a movement of action flighting climate crisis
Why is it A problem?
It's evident that there're only 8.5 years left to avoid climate catastrophe. The world needs a radical change of individuals behaviours which can help lead to systemic change in order to reduce CO2 emissions to net-zero by 2025.
Changing behviours are hard
People tend to follow what others do
The user discovery research was conducted in the UK and other European communities. Initial user discovery interviews were conducted by the Alpha product team in May 2020. Research data was handed down to our Beta product team for further analysis.
A lack of clear, trustworthy, concise and compelling information is making it harder to pick and implement an impactful change.
Some conflict exists between taking what people determine to be necessary action and maintaining their important needs/wants in life.
It’s demotivating to see other people ‘undo’ your hard work (especially if it’s an important person/group to you), and it’s uncomfortable to try and get them to change their behaviour.
- To get reliable information about how to reduce carbon footprint
- To connect to a environmentally-conscious community
- To encourage others to take action in reducing carbon footprint in a friendly way
- To track the progress on fighting climate change
- To learn about different ways of reducing carbon footprint
- To build a community with like-minded people
- To share experience with others and invite more people to join
- To see metrics on activity progress
How might we make it easy to cut and track individual's carbon footprint, turning these daily challenges into an actionable social movement?
- Browse and try out different challenges to cut your carbon footprint
- Understand why these challenges are important to the world
- See how your efforts progress along the way
- Earn rewarding trophies for each accomplishment
- Set your goals at your own pace
- Manage your challenges and accompishments
Build your community
- Invite your peers to join the movement and build a green community
- Share your progress and achievements with your peers
One of the key features of the app is its gamification of environmental challenges. See how this feature is planned throughout the app:
The current design is based on the Alpha version and has gone through a few different approaches.
The Alpha app design for MVP demo was completed in March 2020, they key concepts are shown below:
Wireframes & Hi-fidelity UI Design
Illustration & Design Specs
My initial approach for the Beta app focused on a few rationale: decrease the range of colours, increase colour saturations, and increase the use of white space.
Hi-fidelity UI Design
For the UI design, the use of white space was emphasized while maintaining a playful colour palette.
During the crowdfunding campaign, the team realized that it's important to keep the untraditional colour palette used in the Alpha design for a consistent branding. Therefore, another design approach was adapted to create something closely resemble the elements from Alpha design, yet solving all the problems identified.
This initial Beta design was applied in various marketing materials for the crowdfunding campaign in fall 2020.The campaign was initiated on a platform called "Indiegogo" and promoted across different social media, which was even featured on the Euronews. It had successfully raised more than £30k for Beta app development.
Initial usability testings for the Beta app started in October 2020. Overall, the feedbacks for overall app interface design were quite positive. Here are some of the comments we have received so far:
- Interface design is very intuitive
- Colour scheme is fun and inviting
- Overall visual and graphics are very friendly
Currently, more usability testing took place with the latest prototype. The iterations of the UI design are still in progress and more details will be updated soon.