The Challenge

Designing a captivating and seamless hybrid Mobile App for Olive Gaea that empowers users to take climate action on-the-go, effortlessly offset their carbon footprint, and engage in meaningful eco-conscious activities.

Overcoming the constraints of a smaller screen, the challenge lies in delivering an intuitive and visually immersive user experience, reinforcing Olive Gaea's mission to create a greener world through every tap and interaction.

Overview

In this immersive case study, I dive on details on a transformative journey into the design process of Olive Gaea's Mobile App. As a dedicated Senior Product Designer, my mission was to craft a powerful and intuitive app that extends Olive Gaea's vision of environmental preservation into the hands of users, allowing them to actively offset their carbon footprint while on the move.

The mobile app serves as a companion to the web dashboard, providing a seamless and personalised experience that fosters a sense of purpose and community in combating climate change.

This overview offers an in-depth exploration of the design approach, key features, and the seamless integration of Olive Gaea's brand identity, ultimately delivering a mobile app that empowers users to make a tangible impact and embrace sustainability with every tap.

Key Features of the product

1. Matching Program: Allows users to offset their family's carbon footprint in collaboration with their employers, driving towards a NetZero lifestyle.
2. Pledge Taking: Encourages users to commit to cutting their carbon footprint, fostering a collective effort to protect the planet.
3. Field Activities: Engages users in meaningful activities alongside colleagues, earning rewards while making a positive impact on the environment.
4. Olive Gaea's Activities: Provides users with enjoyable sustainability programs to partake in with their families, contributing to top sustainability initiatives.
5. Rewards System: Motivates users to live sustainably and accumulate rewards, redeemable at preferred stores for their eco-conscious efforts.

Scope of Work

1. Visual Design and Branding: Craft a visually appealing and cohesive user interface (UI) design that aligns with Olive Gaea's brand identity. Implement a consistent design language, including colour schemes, typography, iconography, and imagery, to reinforce the app's eco-conscious ethos.
2. Program and Activity Integration: Design and implement a seamless user interface for users to access and engage with various carbon offsetting programs, take pledges, and participate in field activities. Ensure clarity and accessibility in presenting diverse options for users to make a positive environmental impact.
3. Impact Measurement and Tracking: Develop an intuitive system for users to monitor their carbon offset contributions, tree planting statistics, and support provided to farmers. Implement clear data visualisation to showcase users' tangible environmental impact.
4. Rewards System Implementation: Create an engaging rewards system that motivates users to make sustainable choices. Design the interface for users to earn, track, and redeem rewards earned through sustainable actions, enhancing the sense of achievement and positive reinforcement.
5. Leaderboard and Social Engagement: Integrate a dynamic leaderboard that fosters friendly competition among users, showcasing their progress and impact compared to peers. Enable users to share achievements, environmental milestones, and challenges on the company wall, promoting a vibrant and supportive community.
6. Green Trivia Feature: Design and implement the Green Trivia feature that offers sustainability quizzes for users to challenge colleagues, fostering knowledge-sharing and increasing eco-consciousness within the community.
7. Responsive Design: Ensure the app's responsive design and compatibility across various iOS devices, offering a consistent and optimal user experience regardless of screen size.
8. Quality Assurance and Testing: Conduct rigorous testing to identify and resolve potential usability issues, bugs, or performance concerns. Ensure the app's smooth functionality and adherence to design specifications.
9. Collaboration with Development Team: Collaborate closely with the development team, providing detailed design specifications, assets, and continuous support during the implementation phase to ensure the app's accurate translation from design to a fully functional product.
10. Iterative Design Process: Implement an iterative design approach, incorporating feedback from stakeholders, users, and team members to refine and enhance the app's features and overall performance.

My Role

1. User Experience (UX) Strategy
2. Information Architecture
3. Visual Design and Brand Identity
4. Iterative Prototyping and Refinement
5. Collaborative Stakeholder Alignment
6. Design handoff and Communication
7. Quality Assurance

User Flow

Sketches and Wireframes

High Quality designs

© 2023 Hammad Mir.