Ecosphier
Your Carbon Footprint at a Glance
Track, compare, and understand your monthly CO₂ emissions – from healthy green to critical red
Based on your answers, Ecosphier calculates your monthly carbon footprint and visualizes it in an easy-to-read color scale. Green means you're eco-friendly, yellow calls for improvement, and red warns it's time for serious action
Interactive Carbon Footprint Quiz
Ecosphier initiates with a ten-item carousel questionnaire designed to collect key lifestyle metrics such as transportation frequency, annual air travel, and household energy sources for accurate carbon footprint estimation.
Developed in SwiftUI via Xcode, the interface integrates a real-time fluid simulation that fills in proportion to completion progress. Leveraging the device’s gyroscope, the water dynamically tilts with phone movement, creating a tactile and immersive experience.
By merging precise data collection with sensor-driven animation, this onboarding process transforms environmental impact assessment from a passive task into an engaging, interactive interaction
Carbon Footprint Classification and Visual Feedback
After completing the quiz, Ecosphier assigns a color-coded tier—green for low impact, yellow for moderate, and red for high. This instant visual feedback helps users quickly understand their environmental footprint and motivates positive lifestyle changes
Personalized Earth Visualization
Based on the user’s calculated footprint, Ecosphier generates a fully interactive 3D Earth model in one of three visual states healthy green, warning yellow, or critical red. Each model reflects the environmental impact level and features unique surface details, making the results tangible and memorable. Users can rotate, explore, and instantly share their personalized world, turning awareness into a visually compelling call to action
Impact Dashboard and User Controls
The Ecosphier dashboard centralizes key user functions, allowing seamless access to account settings, impact goals, notifications, and questionnaire reset. A live 3D Earth model remains visible in the background, reinforcing the user’s connection to their environmental data. This layout ensures both transparency and control, enabling users to track progress, refine inputs, and share results with ease
Detailed Impact Analysis and Actionable Insights
The Ecosphier impact breakdown visualizes a user’s carbon footprint across key categories such as transportation, food, housing, energy, lifestyle, and water usage. Each segment is color-coded for clarity and proportionally represented to highlight the most significant contributors.Beneath the data, the app delivers personalized improvement tips, offering practical, achievable steps to reduce emissions ranging from sustainable commuting choices to energy-saving habits and waste reduction strategies. This combination of precise analytics and targeted recommendations empowers users to translate awareness into measurable action
You can explore more about Ecosphier by visiting the GitHub repository for detailed insights into the project.
In this project, I personally designed and developed the entire carousel questionnaire feature from the visual design to the full SwiftUI implementation and created most of the questions used for calculating the carbon footprint