Prototyping the Behavior Before the Build

B2B

Web Design

Solar

Design-to-Code

Figma

Figma Make

Web Design

Design-to-Code

Figma Make

B2B

Solar

Figma

REC Power's case study library was built for a handful of projects and was about to hold 42. DG+ brought me in to design filtering and navigation that could carry that volume. The scope was small enough that it would normally ship as static comps and get built loosely. I built a working prototype instead, so the creative director, the client, and the developer all approved the same behavior before anyone opened a code editor.

Overview

REC Solar's case study library was built for a handful of projects. DG+ brought me in to design filtering and navigation that could carry that volume. The scope was small enough that it would normally ship as static comps and get built loosely. I built a working prototype instead, so the creative director, the client, and the developer all approved the same behavior before anyone opened a code editor.

Impact

Approved before development. The WordPress feasibility tradeoff surfaced at prototype review rather than mid-build.

team

Senior Visual Designer

DG+ Agency

REC Marketing

External WordPress developer

Impact

Interaction design

Prototyping

Design to development handoff

Stakeholder alignment