Lifestyle Solar

UX Strategy, UI Design & Webflow Development

Lifestyle Solar needed a conversion-focused website to communicate their solar services and generate qualified leads. I led the project end-to-end, from UX strategy and UI design to building the final responsive site in Webflow.

Role: Senior UI/UX Designer & Webflow Developer
Scope: UX, UI, and Front-end implementation
Tools: Figma, Webflow
Focus: Lead conversion, trust building, responsive performance

Before


Audience

The primary audience included homeowners researching solar energy solutions. Users were typically early in the decision-making process and looking for clarity around costs, installation timelines, and long-term savings.

Goal

Create a trust-driven experience that clearly communicates the benefits of solar while guiding users toward requesting a quote or scheduling a consultation.

Role

Senior UI/UX Designer & Webflow Developer. Led the project end-to-end, including UX strategy, wireframing, UI design, prototyping, and building Phase One in Webflow.

Process

Research → Wireframes → UI Design → Webflow Build. A lean, iterative process focused on improving clarity, usability, and conversion.

Challenges

Balancing a premium visual style with accessibility and performance. I explored multiple hero layouts, CTA treatments, and icon systems before identifying a direction that improved clarity while maintaining a polished visual aesthetic.


I focused on creating a clean layout that emphasizes clarity, trust, and strong visual hierarchy. The design introduces a stronger visual hierarchy, simplified messaging, and strategically placed call-to-action elements to guide users through the decision-making process.


Interactive Prototype

I created a high-fidelity prototype in Figma and implemented the experience in Webflow to validate user flow, visual hierarchy, and key interactions.

Supporting pages were designed to improve user flow, visual hierarchy, and engagement while guiding users toward conversion.

A Fresh Look Across Every Page

Mobile Experience

Responsive layouts ensured a seamless experience across devices.


Exploration & Iterations

Balancing a premium visual style with accessibility and performance while maintaining clarity for first-time solar customers.


Information Architecture

A streamlined sitemap reduced clutter and guided users to key conversion pages such as quote and FAQ.


Results & Impact

Although the full redesign was paused due to internal changes, I successfully delivered and implemented Phase One in Webflow. This initial release established a modern foundation, improved usability, and created a scalable framework for future expansion.