Design System

SolarFarms NY: Improved Sign Up

brief

Solar Farms NY commissioned Jenn Studio to refresh their online platform with a modern UI, improving the sign-up flow for a clearer and more efficient user experience, aimed at increasing sales.

The Problem

The old sign-up flow for Solar Farms NY had inconsistent and messy formatting, making it feel unrefined and hard to follow. This cluttered experience did not align with the brand messaging associated with clean energy.

Results & Takeaways

Revitalized SFNY's digital presence that properly reflected the brand's identity. It became important to align the design with brand values to create a more authentic and memorable user experience.

My Role

Research, UX, Prototyping

Team

Myself, Jenn N, Josh

Tools

Figma, Formstack

Year

2024

Opportunity

Clearer and more efficient user experience, aimed at increasing sales and signed on users.

Highlights

Key Problems

Inconsistency & Messy Formatting

Hierarchy was disorganized + error messages were presented in unformatted text blocks.

Off Brand

Design does not reflect the clean branding associated to clean energy.

Lack of Clear Progress Indicators

Difficult and or confusing to tell which step you’re at throughout the process

system map of SFNY form user flow. image

Process

Formstack Limitations

During the design process, we faced limitations with Solar Farms NY's software, Formstack, which restricted element placement. This impacted our design of default, focused, and error states, so we adjusted the theme to work within these constraints.

Initial Proposed Designs

Dynamic Text Minimizes Confusion

Consolidating text into input fields created a cleaner UI and reduced confusion about which header corresponded to each input field

Progress Indicators

Visual indicators guide and inform the user of the sign on process, reassuring them throughout the sign-on process

Hierarchy + Formatting

Ensure clear hierarchy by grouping relevant fields together and formatting loose copy

Solution

Final Proposed Design

The new design refreshed the UI with a modern look that aligns with the clean energy brand messaging of Solar Farms NY. Improving the sign-up flow with a clearer hierarchy and formatting resulting in a better more efficient user experience.