LGCY Power bolt logo

LGCY 
Connect

Solar Monitoring & Customer Portal
UX UI Case Study
Mock up image of LGCY Conect screens on mobile devices
Mock up images of LGCY Connect screens on mobile devices

Duration

6 Months

Role

UX Research
UX Design
UI Design

Tools

Sketch
Figma

Initial Problem

The original “Customer App” for LGCY Power was built on a referral-focused platform (GTR – Get The Referral) that served marketing needs more than customer needs. While it technically qualified as a “customer app,” it offered little value for users after they signed a contract.

Key Metrics Before Redesign

76,000 households powered by LGCY solar
Only 13% of customers downloaded the app
<15% of those who downloaded actually submitted referrals

With low adoption and limited functionality, the app wasn’t meeting its business goals — or customer expectations. Customers rarely installed it, almost never used it for referrals, and couldn’t meaningfully track their solar system.

LGCY Connect’s Purpose

LGCY Connect was designed to put customers at the center of the experience by:

Creating transparency during installation
Offering real-time production updates post-installation
Making communication with LGCY Power easy and accessible
Increasing engagement before, during, and after installation

This dual focus — user empowerment and process efficiency — aimed to shorten installation timelines, reduce frustration, and improve retention.

Design Process

Research

Current App Analysis
Competitive Analysis
Data Limitations
User Interviews

Ideate

Wireframes
Mid-Fidelity Prototype

Iterate

User Testing
High-Fidelity Prototype
Final Design
Version 2 - Referrals

Research

Current App Analysis

To better understand the problem, I ran an analysis on the current LGCY Power app. I specifically tried to view it as a new user, using the app for the first time.

Analysis Takeaways

Heuristic evaluation revealed outdated UI, hidden features, and poor onboarding.
Sign-up process created high drop-off — first impressions were a major barrier.
Installation progress updates were hard to find and often unclear.
Monitoring linked to an external site with no integration.
Referral focus was disproportionate to user needs, with no meaningful incentives.

Mock up images of the old designs on mobile devices
A screenshot of a feature on the old design of the app
A screenshot of a feature on the old design of the app
A screenshot of a feature on the old design of the app
A screenshot of a feature on the old design of the app

Competitive Analysis

Sunrun

Vivint

Screenshots of screens belonging to competitor apps

Analyzed competitor apps from Sunrun, Vivint, and others, reviewing their onboarding flows, dashboards, data visualizations, and brand integration. This revealed strengths we could adapt, weaknesses to avoid, and clear gaps in transparency, simplicity, and engagement that shaped LGCY Connect’s design direction.

Vivint

A screenshot of a feature on a competitor's app
A screenshot of a feature on a competitor's app
A screenshot of a feature on a competitor's app

Strengths

Shows installation steps
Limited page count
Listed 'scheduled date' of steps

Weaknesses

Poor visual hierarchy
Overly complex graphs
No system status indicators

Sunrun

A screenshot of a feature on a competitor's app
A screenshot of a feature on a competitor's app
A screenshot of a feature on a competitor's app

Strengths

Savings incentives
Document storage
Weather on days view
Integrated billing

Weaknesses

Excessive scrolling
Unclear data visualizations
No cohesive brand identity
No clear graph metrics

Market Opportunities

Streamlined installation tracking
Clear, approachable energy metrics
Consistent brand integration
Persistent, easy-access communication channels

Data Limitations

Reviewed the monitoring platform that LGCY Connect would use, Enphase, to map available production and system status metrics, their update frequency, and relevance. This defined what data we could integrate and ensured the design focused on high-value, actionable information.

Production

kWh Imported/Produced/
Consumed
Monitoring data every 15 minutes
Explains production changes with weather
A snippet of Enphase's data that we would like to pull in to LGCY Connect
A snippet of Enphase's data that we would like to pull in to LGCY Connect

System Status

Device list with statuses
Individual panel production metrics
System error notices
Device summary content (SN, SKU, Firmware)
A snippet of Enphase's data that we would like to pull in to LGCY Connect
A snippet of Enphase's data that we would like to pull in to LGCY Connect
A snippet of Enphase's data that we would like to pull in to LGCY Connect

User Interviews

In order to uncover the needs of potential users, some current customers and employees were interviewed about the current LGCY customer app. I paid specific attention to pain points, needs, and suggestions, and noted them below.

Installation Docs

From the LGCY Power employee side, it was discovered that there were steps that the customers could do themselves that would progress the install, like uploading utility bills or HOA documents.
If we are able to upload these on the app, this would cut install time down by several weeks.

Installation Steps

Not knowing where the customer is in the installation process causes confusion and frustration.
This makes it so user don’t want to refer their friends.
While their system was being set up, they want a way to easily see which installation step their job was at.

System Production/
Status

Once the user’s system has been installed, the customer wants a way to easily view the status of their system.
They would like to see if anything parts of their system aren’t working.
They also would like to see how much their system is producing.
This would add perceived value to their system and decrease cancellations.

Ideate

Wireframes

With insights from the current app review, market opportunities, user feedback, and data constraints, I began conceptualizing the redesigned LGCY customer app.

Pre-Installation

I started with the screens the user will see while their solar system is being installed.

Installation Progress

Visual progress tracker
Step descriptions with helpful text
Different step statuses
List any Scheduled Dates
Persistent chat button
A wireframe of the installation progress feature

Post-Installation

I then made the screens that would show after their system is installed and operating.

A wireframe of the production feature

Production Page

Date Picker
Energy production graphs with daily/weekly/monthly views
CO₂ reduction, lightbulb equivalents, and other engaging metrics

Energy Page

Date picker
Graphic showing Energy Independence %
Tiles listing Energy Produced/Energy Consumed/Net Imported/Net Exported
A wireframe of the energy feature
A wireframe of the array feature

Array Page

Panel number
System size (kW)
System health dashboard with alerts
Gateway number
Panel List with individual production

Mid-Fidelity Prototype

Once the wireframes were complete and the solutions to user needs were clearer, I analyzed LGCY’s website branding and UI. The goal was to align the app closely with LGCY Power’s visual identity, addressing the lack of brand presence in the existing app.

Some design elements of LGCY Power's current brandingSome design elements of LGCY Power's current brandingSome design elements of LGCY Power's current brandingSome design elements of LGCY Power's current branding

Using these elements, I updated the wireframes to include these and crafted a mid-fidelity prototype.

Key Screens:

A screen of mid-fidelity design of LGCY connect
A screen of mid-fidelity design of LGCY connect
A screen of mid-fidelity design of LGCY connect
A screen of mid-fidelity design of LGCY connect

Iterate

User Testing

I conducted user testing of this mid-fidelity prototype with multiple solar customers, as well as several stakeholders at LGCY Power that are familiar with the app’s goals.

Their valuable feedback helped guide a series of improvements to the app, summarized as follows:

Increased contrast on key visual elements, such as the graph at the top of the screens, to improve emphasis and clarity.
Added instructional videos to installation steps to reduce confusion and enhance accessibility.
Renamed the "Production" tab to "My Energy" and removed the separate "Energy Independence" tab entirely for simplification.
Removed the third and fourth metrics from the "My Energy" tab to streamline information.
Added a visual indicator within the "My System" section to better distinguish between the gateway and microinverters.
Created additional screens:    
-Log in/sign up
-Account Details
-Add Referral
-Chat

High-Fidelity Prototype

Consistent brand identity across screens
Clear information hierarchy with top-priority data
Simplified graphing for faster comprehension
Accessible color contrasts and iconography
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect

Version 2 - Referrals

Recognizing the value of a referral feature, I prioritized building user trust first before introducing this functionality. To ensure adoption, the referral system needs to clearly communicate its value proposition and provide transparent tracking to reinforce user confidence.

For a seamless referral experience, the design will include:

A prominent, clear call-to-action (CTA) to initiate referrals
A well-organized referral dashboard that categorizes referrals by status
Detailed views showing referral progress and current status
Real-time display of referral earnings, including both aggregate and individual rewards

These elements aim to increase user engagement by making the referral process intuitive, motivating, and trustworthy.

A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect
A screen of high-fidelity design of LGCY connect

Current Status

As of August 2025, the pre -and post- installation experiences have been built as a web app and has been implemented into the onboarding process of all new Solar customers.

Metric changes

App adoption rate: 13% → ~72%
Average installation time reduced by ~2 weeks due to faster document submission
Customer satisfaction during onboarding up ~25% (internal surveys)
Notable reduction in “Where are we in the process?” support calls

Please use the links below to view the web app (filled with dummy information)

Reflections

One major learning: verify stakeholder inputs early. Midway through, I learned the style guide I had used was outdated, requiring several months of revisions in collaboration with marketing.

Despite the challenge, the result is a customer-focused, brand-consistent, and high-value product that strengthens customer trust from contract signing through long-term solar ownership.