UX Designer


  • UX DESIGN
  • PHOTOSHOP
  • GRAPHIC DESIGN
  • ANIMATION
  • ILLUSTRATION
  • RESUME

Vivint Solar.



Home Page Redesign



Overview - Home Page



Brief - VSLR stakeholders felt that the home page needed a much desired update. New components were required to comply with the their requests. They wanted new dynamic and interactive sections that not only had more visual interest but increased user interaction as well.


Problem - The current CMS components were very limiting to new builds and we were left with only a few options when it came adding a variety of layouts. The backend interface was also very rigid and restrictive, making it a very slow process to build out new pages or even update current ones. We also needed to design new sections that would link to the massive proposed build out of our Learn, Help, Blog, Product and Coverage Area pages.


Goal - I needed to design and develop new components that could relay the current information on the site but also build out new updated sections on the pages as well. These page components needed to be designed in a template base layout but also must allow for very fluid use cases. I hypothesized that designs with full screen width imagery and responsive components would increase the user completion rate and lower bounce rates. We also gathered requirements from departments within Vivint Solar who were stakeholders. They were able to give us critical incites of pain points they noticed from there users.


Outcome - I designed 2 dozen fluid components that could be added to or subtracted from in order to create completely customized pages. Many of these components would allow us to input custom tags within in the markdown fields along with custom margin control within the JSON editor. We launched the updated designs on the home page and have been user testing each component individually with Google Optimize 360 to maximize our CRO (Conversion Rate Optimization). We’ve found a handful of trends that promote more qualified lead generation through creative form designing. We’ve also been able to personalize user experiences through targeted IP address geo locations.



Home Page Layout and Flow



Hero Banner



On the home page one of the updates was to add the option to make the hero banner a looping video instead of a static image. Along with designing the rules for the component I took one of our promotional videos and edited it down into a 30 second looping video. I then optimized it by media compressing it to under 5mb so it could to be stored on our servers and promote faster load times. The hero also contained a CTA (Call to Action) button hyperlinking the user to a quote form fill to gather lead generation information for our sales department in salesforce.



Hero Video Section



Product Selector



There was a need to have a new component built that could inform users of products but also allow them to interact with it as well. The interaction design I added to the product selection component proved to increase user engagement and by repositioning it just under the fold increased click rates over 400% within 2 weeks of our initial A/B testing.



Product Selector Component



Home Page Comparisons



Old and Updated Versions



other Projects



Vivint solar Site Archtecture & Components



VIVINT SOLAR coverage area pages



VIVINT SOLAR go solar product page



VIVINT SOLAR unbounce testing



VIVINT SOLAR optimize 360 testing



VIVINT SOLAR navigation bar and footer



Sunrun/VIVINT SOLAR form block testing



© 2021 All Rights Reserved to Michael Condie.