More Projects

Versofy HOME

An all-inclusive
residential solar solution

Versofy is on a mission to protect the environment and reduce dependency on traditional power grids. With a strong focus on customer-centric technology and user-centered design, we set out to help Versofy create a seamless, intuitive solar management experience through innovative mobile app design.

services

Discovery Workshop

UX Design

UI Design

Platform

React Native

industry

Energy

client

Versofy Solar

Versofy approached Glucode to redesign their app's user interface (UI) and enhance the mobile UX, aiming to align the app with their evolving vision in the solar industry.

While the original Versofy app had a solid backend, it lacked a cohesive, user-friendly experience. The interface was functional but didn't provide a familiar user journey for navigating battery status, loadshedding schedules, power flow, consumption, and savings. Visually, the app needed to stand out against competitors, offering an engaging mobile interface design that matched Versofy's innovative approach.

Our process kicked off with discovery sessions alongside the Versofy team to understand their goals, user needs, and the technical landscape, including the hybrid app platform in use.

These discussions shaped our design thinking strategy, focusing on simplicity, clarity, and familiarity. We conducted thorough user research, analysing similar apps and industry standards to identify opportunities for improvement in both the UI and UX of the mobile app.

We redesigned the app with a clear focus on functionality, ease of use, and clarity, employing a user-centered design approach. Our first step was to simplify the information architecture and navigation structure.

We reduced unnecessary layers, ensuring that users could find key features quickly. The new layout allows users to access battery status, power flow, and loadshedding schedules directly from the home screen, optimizing the user flow. For the interface, we focused on clean typography and a consistent design system. We used colour schemes to differentiate data points clearly, helping users understand their energy consumption at a glance. The colour palette was chosen not just for visual appeal but for its ability to improve data recognition and accessibility, a crucial aspect of effective UI design.

Core Features

Today

The Today tab puts the most important information front and center. Users can quickly see their current loadshedding status, battery charging levels, energy consumption, and power flow. The layout is clean and intuitive, making it easy to get a snapshot of their solar-powered home at any time, exemplifying effective interaction design.

To provide real-time feedback, we incorporated subtle animations that indicate battery charging and discharging states, along with visual cues for power flow. These animations are functional, designed to enhance the user's awareness of their system's performance without causing distractions, a key consideration in mobile UX design.


Stats

The Stats feature helps users dive deeper into their energy data. It provides a detailed breakdown of solar production, grid usage, and battery storage, all displayed through clear, easy-to-read graphs. With flexible filters, users can track energy trends over time and get insights into their consumption patterns, showcasing the power of visual design in presenting complex information.

Loadshedding

The Loadshedding feature makes it simple for users to manage their system preferences. We designed clear, card-based options with concise explanations, so users know exactly how their settings will affect performance during outages. It's straightforward, informative, and helps users stay in control with minimal effort, demonstrating our commitment to user-centered design principles.


Additionally, custom illustrations were created to assist users in understanding the setting at a glance, enhancing the overall user experience through thoughtful visual design.

“From sales to project management and design, the whole experience was great.”

Angus Henderson

Co-Founder of versofy

get started

Bring your ideas to life

We'd love to hear about your project and how we can help bring your ideas to life.

Book a Call

Services
Product Discovery
User Experience Design
User Interface Design
Motion Design
Software Engineering
Projects
Our Projects
Company
Our Story
Blog
Events
Careers
Working at Glucode
Open Positions

© 2025 Glucode. All rights reserved.

Privacy Policy

get started

Bring your ideas to life

We'd love to hear about your project and how we can help bring your ideas to life.

Book a Call

Services
Product Discovery
User Experience Design
User Interface Design
Motion Design
Software Engineering
Projects
Our Projects
Company
Our Story
Blog
Events
Careers
Working at Glucode
Open Positions

© 2025 Glucode. All rights reserved.

Privacy Policy

get started

Bring your ideas to life

We'd love to hear about your project and how we can help bring your ideas to life.

Book a Call

Services
Product Discovery
User Experience Design
User Interface Design
Motion Design
Software Engineering
Projects
Our Projects
Company
Our Story
Blog
Events
Careers
Working at Glucode
Open Positions

© 2025 Glucode. All rights reserved.

Privacy Policy