WIREFRAMES

Wireframes for a real-time energy tracker

ROLE

UX/UI Designer

YEAR

2023

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Project

Project

Project

Varberg Energi is an energy company based in Varberg, Sweden. With their app, you can easily track your electricity usage and gain better control over energy costs. You can also monitor your charging station, solar panel production, and other flex-compatible products.

Timeline

2 weeks

Background

Varberg Energi was planning to launch a real-time energy tracker, and I was tasked with creating mid-fi wireframes illustrating how it would be visualized in their app. There were two distinct aspects to be addressed:
- Wireframes for the configuration of the device.
- Wireframes for real-time consumption visualization.

Varberg Energi was planning to launch a real-time energy tracker, and I was tasked with creating mid-fi wireframes illustrating how it would be visualized in their app. There were two distinct aspects to be addressed:
- Wireframes for the configuration of the device.
- Wireframes for real-time consumption visualization.

Varberg Energi was planning to launch a real-time energy tracker, and I was tasked with creating mid-fi wireframes illustrating how it would be visualized in their app. There were two distinct aspects to be addressed:
- Wireframes for the configuration of the device.
- Wireframes for real-time consumption visualization.

Process

Process

Process

Method

Much focus was given to best practices in designing and researching how other companies in the market approached the matter. I also collaborated with developers to explore both the technical possibilities and limitations, particularly regarding the real-time energy tracker configuration.

  • Configuration for the real-time energy tracker

    Connect the real-time meter to a HAN-port.

    Weather app image
  • Configuration for THE real-time energy tracker

    Connecting to the real-time meter's WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Connect to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Enter your WiFi password.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to the app.

    Weather app image
  • Configuration for the real-time energy tracker

    The configuration is complete and can now be monitored in real-time through the app.

    Weather app image
  • real-time consumption visualization
    Weather app image
  • real-time consumption visualization
    Weather app image
  • Configuration for the real-time energy tracker

    Connect the real-time meter to a HAN-port.

    Weather app image
  • Configuration for THE real-time energy tracker

    Connecting to the real-time meter's WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Connect to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Enter your WiFi password.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to the app.

    Weather app image
  • Configuration for the real-time energy tracker

    The configuration is complete and can now be monitored in real-time through the app.

    Weather app image
  • real-time consumption visualization
    Weather app image
  • real-time consumption visualization
    Weather app image
  • Configuration for the real-time energy tracker

    Connect the real-time meter to a HAN-port.

    Weather app image
  • Configuration for THE real-time energy tracker

    Connecting to the real-time meter's WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Connect to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    Enter your WiFi password.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to your WiFi.

    Weather app image
  • Configuration for the real-time energy tracker

    The real-time meter connects to the app.

    Weather app image
  • Configuration for the real-time energy tracker

    The configuration is complete and can now be monitored in real-time through the app.

    Weather app image
  • real-time consumption visualization
    Weather app image
  • real-time consumption visualization
    Weather app image

Challenges & lessons learned

Challenges & lessons learned

Challenges & lessons learned

Challenges

Due to time constraints, I wasn't able to locate users and conduct interviews. Since this was my first time in the electrical industry, it was challenging to determine whether the information I gathered for the real-time visualization was sufficient or if something was missing.

Lessons learned

I was advised to use Facebook groups and pose questions there, which turned out to be quite insightful, especially regarding various apps from other companies. I gained valuable information on what users felt was missing or good about their current app. The lesson learned was that sometimes users are closer than one might think, and there are multiple resources available to tap into.