B2C Energy Management App

1KOMMA5°

Heartbeat links all your home devices into an intelligent system to better manage all your green energy on one platform.

Launch Live Project 🚀
Role
BRANDING
UX research
UX & UI
Industry
B2C
Data Management

The Pitch

O

riginally the Heartbeat App was created to help customers monitor their home energy system. The app was originally released almost two years prior to this new initiative, now they sought to maximize empowerment for their customers in a way that no competitor had achieved. Our objective was to improve long standing UX issues and create new functionality that allowed for predictive energy use, storing, and trading. Alongside this task, 1KOMMA5° wanted the Heartbeat App to be a testing ground for future iterations of the brand and somewhere they could push the brand. Although 1KOMMA5° had some of the typical brand staples: color, type, and iconography, they lacked a mature brand and design system that could be interpreted into the new app release. The company was pushing the boundaries with the service offering, the new release needed to convey this via visuals and UX.

From the 3 concepts pitched, I focused on the one presented below. I sought to adapt elements from the original brand in a sophisticated way in order to convey that the app, product, and brand were state-of-the-art. I wanted customers to imbibe the craftsmanship that they experienced when they had their home systems installed every time they opened the app. In order to create this aesthetic I chose to highlight attention to design details, specifically typography and layout. 

Some key treatments: 

  • The heading typeface was Space Grotesk, specifically chosen for its heavy styling, geometry, and futuristic feeling.  
  • In order to highlight typographical choices I opted for a larger base size,18px opposed to 16px, and a larger mobile type-scale of Major Third, increments of 1.25 instead of 1.2. The added benefit was increased legibility.  
  • I kept all content within cards so that people would easily see the division of content and actions. 
  • Special actions have a background color/gradient that is sampled from other backgrounds so that despite being highlighted the colors are still cohesive. 

The Pitch

Final Concept

Although the pitch had many worthy elements, it was too removed from where the app currently was. The jump would be too brusk for the rest of the brand to adapt to. Stakeholders decided to go back to the drawing board together and distill what visual direction would be best to pursue. Through collective sessions with 1KOMMA5°’s leadership we explored and refined a direction that would suit everyone’s requirements. The final concept was finally something that 1KOMMA5° could stand behind. 

Final Concept