Folia - An affordable & eco-friendly thermostat
design that motivates people to stay green.
Google has decided to divest non-core businesses and aims to reimagine Nest with a focus on eco-friendliness and affordability.
Creative Director
Brand Designer
UX & Product Strategy
10 Weeks
School Project
Chi Quach
Gin
Harper Schutte
Guy Cassieri
Evaluate Current Thermostat Designs
Google Nest Thermostat – Features a simple design with tap-based interaction, priced at $129.99, perfect for cost-conscious individuals.
Nest Learning Thermostat – Offers a premium metal finish with a rotating and push interaction, priced at $249, aimed for tech-savvy homeowners.
How Might We design a Nest that looks
affordable and feels eco-friendly end-to-end?
Visual Design Research
Spend +60 hours conducting wide range of visual research, craft moodboards, ideate on visual concepts.
Scaffolding
Structure the set of screens for 3 task flows: change weekly schedule, homescreen and global navigation.
Drafting
Apply design as a skin to the scaffolding, protecting original design concept while adapting realistic content, interaction flow, and ensuring accessibility.
Iterating
Continue to improve visual design based on testing results , discuss and select references solutions, and begin to draft a style guide.
Standardizing
Build standard libraries of reusable styles (fonts, colors) and components (buttons, other UI elements)
Delivering
Organize solution, craft delivery presentation including interactive prototype and solution stories.
Define & analyze potential target audience:
Budget-friendly Gen-Z
Simplicity
Minimalist design are favorable among Gen-Z, emphasizing the "less is more" philosophy, shifting focus to product's functionality and interaction.
Mobile Optimization
Gen Z has a shorter attention span for digital content, so it's important to present information in a concise & easily digestible manner.
Eco-conscious
Gen Z consumers are increasingly concerned about environmental issues and are looking for more sustainable products and packaging.
A blooming flower to nurture growth
Growth of the new era: Eco Mode
Standardize visual components and styles,
set up a reusable library as a single source of truth.
FAB Eco Mode is strategically placed at a easy thumb zone,
Delightful microinteraction to encourage green efforts.
Accessible CTA &
Delightful Interaction
Strategically placed on/off button.
Reward people with minimal yet delightful animation to acknowledge their efforts.
Accessible FAB
Visible and appears across different user flow, designed purposely to promote Eco Mode.
Goal: avoid overwhelming users when introducing a new feature
Solution: minimal animation with clear & concise content
