Site Redesign: 1UP Solar

San Diego based solar agency wanted to modernize their website and improve client and partner engagement.
002

project Overview

1Up Solar is a solar agency based in San Diego, California. They were seeking to update and improve the usability of their dated site.

This redesign was my first client project, completed during my UX Certificate at York University.

I worked with a colleague during the research phase. I produced the following project deliverables;

  • Completive research
  • Wireframing
  • Protoyping
  • High fidelity designs for desktop and mobile
UX Design
VIEW PROJECT
001

competitive and user Research

I interviewed several owners of solar energy companies to learn about the technical aspects of solar panel installation as well as the different types of solar cells available in North America.

In order to create personas of their potential clients, my colleague conducted a survey of 25 home owners.

Key survey findings:

  • 45% of home owners spoke Spanish
  • 85% would consider switching to solar for economical reasons
  • 95% knew very little about solar technology
001

Low fidelity wireframes

Early on in the project I met with the client to brainstorm and discus ideas for their new site. I presented various sketches and low fidelity wireframes.

002

mid fidelity wireframes - desktop

As concepts evolved I tried out different layouts and options for the information architecture on mid-fidelity wireframes.

002

mid fidelity wireframes - tablet

I designed mid fidelity wireframes showing how the site layout would adapt to tablets.

002

mid fidelity wireframes - Mobile

Mobile wireframes help illustrate how the site will look and function on mobile devices.

001

High fidelity wireframes - Home

Towards the end of the project high fidelity wireframes were created, incorporating the company's branding, colour palette and imagery.

001

High fidelity wireframes - Contact form

Clickable prototypes were used to conduct user testing. Feedback from real users helped refine the final versions of the designs.

001

High fidelity wireframes - Financing partners

Designs were created including desktop and mobile versions.

Development-ready designs and prototypes were delivered to the client in Figma.