powio

cubie
January 30, 2023

Interact with a web prototype

 

The idea & research

In light of the energy price crisis in 2023 and in order to diversify their portfolio within the energy sector Rabobank tasked us to combine AR technologies with smart home appliances to show users their energy usage in a new and direct way. 

 

Our research showed us that this field is still very new, there was not a single competitor yet that combined both of these technologies and traditional energy tracking apps often forced users to scroll through endless lists to find the usage of a specific appliance. 

  

The AR Vision

I used unity to create the interactive part of the app as it allowed me to translate the creative vision we had as a team into a creative environment that is both interactive and also easily deployed on multiple platforms and truly allows for nearly infinite possibilities. In order to create the 3d models itself, to be used in the unity experience I first inflated 2D graphics we made in Illustrator, to give them the playful look we were aiming for and then transferred them to blender where I assembled, re-meshed and textured them. 

 

 

The user interface

The user interface was designed to be both playful and simple at the same time. Initially we started with a quite minimalist approach but then ultimately settled on this mix of bright colors and very playful and plasticy integration. Feel free to play with a web version of the UI above or download the app on testflight.

Development of the UI through different stages:

 

VR Prototype.

Because we had to showcase the final project outcome to our client within an exposition setting I designed a VR prototype that shows how the concept could actually look in practice within the main place of use, a kitchen of a typical home. 

 

Additional Documents

Below you can find some of the documents I created for the project. Feel free to browse through them.

powio
This website uses cookies to improve your experience. By using this website you agree to our Data Protection Policy.
Read more