A mobile app to help people live more sustainably.
We built an app as part of Team Virtue, a university team that built a sustainable house for the Solar Decathlon competition in Dubai. The app helps inhabitants of our house to live more sustainably, both environmentally and socially. Through iterations, we focused our designs on educating users about behavior and lifestyle. The app also showed our vision to the competition's jury and visitors whom all responded very positively.
Designer at Team Virtue UX, Interactions, Animations, Front-end dev
Team: 2 designers
In the Solar Decathlon Middle East competition in Dubai, eighteen university teams from over the world design and build full-size, innovative houses to tackle sustainability problems. Teams are evaluated on ten different aspects. A multidisciplinary team of 50 students from my university developed an apartment called LINQ, throughout a two-year process.
Within 60 years, Dubai has grown from a picturesque town to a mega city with almost 3 million people. This brings great challenges, both environmentally and socially. LINQ was developed by the team with this larger picture in mind. LINQ is part of an apartment complex with the same name, located in an existing neighborhood in Dubai, and has a big focus on shared facilities and social interaction. During the competition, one apartment in this complex is built.
When I joined the team, one team member had already created a basic version of the app. We discussed how we could develop the app in such a way that it would demonstrate the vision of our team to people. We wanted to take the application beyond a regular smart home app and focused on educating people about sustainable behavior and lifestyle. We also wanted to keep the app simple and have a wow-effect: it's part of a competition after all. We made quick sketches as a starting point.
House functioning How can we make sure that people really understand the functioning of their house?
Education How can we positively educate people about their sustainable behavior and influence their lifestyles?
Social LINQ focuses on social interaction and shared facilities. How can we build this into the app?
Control over appliances How can we let people have control over appliances and show monitored energy consumption?
We used research conducted by previous team members that focused on personalised feedback to influence sustainable behaviour. Besides, we looked at how other apps show (sustainable) data and appliance controls and we analyzed how other apps inform users and motivate behavior change. We developed our app using ReactJS to be able to scale it to multiple platforms. The API and database layer, necessary to communicate with appliances and sensors, was built by another team. We had bi-weekly meetings to discuss architecture and functionality.
In the meantime, our team tested the real house on the university campus. It was temporarily opened for visitors and we put iPads in the house with a basic prototype of the app based on mock-up data. With the competition deadline coming up, these weeks taught us to set limitations and constraints.
We went to Dubai were the competition was being held and continued developing the app. Each university team had 15 days to build their house and connect their systems.
Then, the competition phase started and our house was opened for public and juried tours. During the first days, we were able to fine-tune the application. For instance, we noticed that buttons on the main screen were not clicked often during tours. We redesigned this part.
We wanted our app to assist users in living more sustainable lifestyles, but an app full of notifications and advice to live more sustainably would result in a boring list of text and expected actions. We used the three views to inform users and help them understand their house.
The rooms page shows an overview of all rooms in the house. Each room has a detailed view.
The feedback on the app was great. Our visitors liked our approach and the jury was very positive. They especially liked the social components of the app. One jury member reported that our team "had used innovative solutions such as an application that would help residents reduce their ecological footprint", while another mentioned an "excellent phone application for management and social interaction."
The Solar Decathlon was a great experience which taught me many things.
I gained a lot of experience in project management, teamwork, and dealing with uncertain situations.
From a design perspective, it taught me more about persuasive design, smart systems controls,
and designing for different cultures, as well as designing and coding everything from scratch.
In the beginning, we wasted a lot of time working on features that didn't work in the end. This project was built entirely from scratch with zero budget and depended heavily on partners and sponsors. We put too much time into designing and developing for appliances and sensors we were hoping for but were not sponsored for in the end. Too much time was lost on binding together appliances from different manufacturers to create a fully functioning app to control appliances. Instead, we should have adjusted our concept earlier.