Product and branding design for Verse

Skills Used

  • Design leadership

  • UXR

  • IA Design

  • Figma

  • Wireframes

  • Rapid Prototyping

  • Systems Thinking /

  • 0-1 Design system creation, open source design systems

 

Verse’s Aria suite is a suite of apps designed to simplify PPA procurement and managing energy costs. Through its forecasting capabilities, users may view the financial implications of PPA offers they receive into the future for 30+ years. Other apps in the suite enable effective management of utilities, creating an end-to-end energy management platform.

As the Head of Design at Verse (and the 5th hire in this early stage startup) I owned design from ideation to high-fidelity prototypes, working as a member of the leadership team, individually contributing UX and branding, and lead a team of in house designers and contractors. Leaning on my design leadership skills and energy market knowledge, my designs guided Verse to a $20.5M Series A funding round.

The screenshots of Aria below are of final, high-fidelity, interactive mocks that were presented to the team. They represent my work as an individual designer and leader of a small team. Some of them contain actual customer data, and others use stub data based on real numbers.

Within the first year we created and streamlined a fully functional design system for 8 highly complex apps used to manage multiple data streams (including models) and enable detailed analysis. Aria’s design system was created from the ground up using shad/cn framework and input from engineering.

Verse’s Head of Product and I began each app by collating feedback from potential users, data scientists, energy experts, our CEO, CCO, and VP of Strategy into a list of functionality requirements which I used to whiteboard UX flows. From there, we designed any new components needed within the design system I created. Any charts needed were designed in collaboration with the data science team using eCharts as a starting point with heavy focus on accessibility as is appropriate for large datasets. Lastly, a functional high-fidelity interactive prototype was created to be ticketed and presented to the frontend engineering team (though they were also involved in iterations before the high fidelity level)

Occasionally these prototypes were also used by the sales teams to pitch functionality to potential clients. We took data provided by them and input it, alongside real analysis done by the data science team, into Figma to create an interactive example of what they could anticipate working with Verse.

Also below are high fidelity designs of the Verse website, created as part of a branding re-design to bring the look and feel of Verse’s corporate website into closer alignment with Aria. After art directing the initial branding prior to Series A, I felt the visual language needed an update to more clearly explain to our potential customers what Verse could offer. Here I took the existing illustrated assets and expanded them to include more literal interpretations of Aria’s capabilities, extending our design system to the website.


Interested to learn more about the process to create this dashboard or branding? Contact me for a case study review.

Next
Next

Fluence Mosaic