Lifestyle Solar
A complete redesign to elevate the Lifestyle Solar brand, focusing on premium visuals, clear messaging, and a conversion-focused layout. The goal was to better reflect the company’s value and improve customer engagement.
Interactive Prototype
I designed and developed a high-fidelity prototype using Figma and Webflow to demonstrate user flow, visual hierarchy, and key interactions.
Audience
The primary audience includes homeowners interested in solar energy solutions. Most users are researching costs, installation, and long-term savings.
Goal
Establish trust and credibility through clean, modern visuals. Clearly communicate the benefits of solar. Make it easy to get a quote or schedule a consultation.
Role
Visual Designer & Webflow Developer. Led the redesign from concept to execution, including prototyping and building Phase One in Webflow.
Process
Research → Wireframes → Visual Design → Webflow Build. A lean, iterative process focused on clarity, usability, and brand alignment.
Challenges
Balancing a premium visual style with accessibility and performance was a key challenge. I explored different hero layouts, button styles, and icon systems before landing on a direction that felt both elevated and easy to use.
The Original
The old website lacked visual consistency, hierarchy, and a clear user path. Key content was buried or difficult to navigate, which limited conversions.
Each redesigned page was crafted to improve user flow, visual hierarchy, and engagement. From landing to quote, every screen was optimized to clearly communicate Lifestyle Solar’s offerings while guiding users toward action.
A Fresh Look Across Every Page
Mobile Experience
The mobile version was designed with the same attention to detail and usability as the desktop layout, ensuring a seamless experience across all devices.
Exploration & Iterations
Several layout options and design directions were explored during the wireframing phase. These variations helped shape the final layout by refining structure and messaging.
Information Architecture
A revised site map was created to streamline navigation, reduce clutter, and guide users to high-conversion pages like the quote form and FAQ.
Results & Impact
Although the final design phase was put on hold due to internal changes, I successfully rebuilt Phase One of the redesign using Webflow. This version laid the groundwork for a more modern, user-friendly site experience.