App Simplifying the Process of Installing Solar Energy
![Glimpse of the design for the EightTwenty app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a1473e895acd95307d_etwenty-cover.webp)
EightTwenty is a solar company based in Oklahoma City. They empower people with accessible, independent, and sustainable energy.
An app designed to streamline the process of going solar.
![Screenshots of the main screens for the EightTwenty app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a2dff22d1bef4bf509_etwenty-app-screenshots.webp)
![Components and cards used in the Community page of the app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a15f8186ef34d28ef4_etwenty-component-details.webp)
Traditionally, it takes a considerable amount of time to install solar panels. There's a lengthy process that can put many people off. EightTwenty came looking for a solution that streamlines the entire process, all done from a small device.
I collaborated with our creative director to make the user experience is as simple as possible. My role was to design the user interface based on the already established brand guidelines and prepare everything for our developer handoff.
![User Interface foundations for the app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a1b1e8a50eb96c07f6_etwenty-app-foundations.webp)
![Collection of custom icons designed for the app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a114a5ac8246c56047_etwenty-iconography-grid.gif)
![List of icons created specifically for this project](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a09ee7ee0493754475_etwenty-icons.webp)
Using EightTwenty's brand guidelines, I designed an icon set and added motion to micro-interactions.
![Main userflows for the app](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a14a993519062e4943_etwenty-userflows.webp)
![Important wireframe screens](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a1a9da9223847b0769_etwenty-wireframe-screens.webp)
The user flows and wireframes helped our team refine the 'new solar project' process. We packed it into eight well-defined steps that provide EightTwenty with necessary information to start.
Once a project is live, users can check their energy performance and goals through simple charts. The rest of the app contains information about solar communities in the Oklahoma area.
![Screenshots taken from the interactions guide for developers](https://cdn.prod.website-files.com/61febb2d81f4b0588fe0a659/6212c3a1e0090bbd525f5029_etwenty-ui-kit-screenshots.webp)
I created a small UI kit and interactions guide for our developer handoff. It allowed all teams to sync and created a foundation for future updates.