Every project, tool highlight, and design detail below was curated specifically to demonstrate how I approach product design and align with Sunrun’s design culture.
Scroll-Stopping Ad Creative
A high-impact display ad concept for Sunrun's homeowner acquisition campaigns. Built to cut through the feed with bold solar imagery, a clear value proposition, and a single compelling CTA.
I focused on warmth, trust, and urgency, the three emotions that drive solar adoption. Clean layout, strong hierarchy, and brand colors that feel familiar, not generic.
Ad Creative Design
These campaigns are built to lower CAC in paid social channels. Each concept targets a different homeowner objection, outage fear, community trust, financial savings, so we can test messaging angles without rebuilding creative from scratch every flight.
By keeping the layout modular and the visual system consistent, the team can swap imagery, headlines, and CTAs across Meta and Google Display without losing brand coherence. The result is faster iteration cycles and more reliable performance data from A/B tests.
Storm Resilience
A dramatic storm scene showcasing the raw power of nature and the need for reliable backup energy solutions.
Kids Gaming During Outage
Children playing video games or doing homework while rain streaks the windows outside. Battery power keeping life normal.
Neighbors Powered by Sunrun
Friendly neighbors chatting on a sunny suburban street lined with solar-powered homes. Clean energy building stronger communities.
Bill Into Savings
A happy homeowner reviewing lower energy bills. Solar savings transforming monthly expenses into long-term financial freedom.
Conversion-Focused Layout
Landing Pages That Convert
Every landing page is structured as a visual narrative rather than a template stack. The hero uses warm, high-contrast photography with generous negative space so the CTA breathes, while the quote form employs progressive disclosure inside softly rounded containers that lower perceived friction.
I optimized the visual hierarchy for split attention: bold color blocking gives instant orientation, type scale shifts cleanly from expressive headlines to utilitarian form labels, and the mobile flow scales touch targets and whitespace proportionally so homeowners never feel lost moving from curiosity to conversion.
Hero + Form
Above the fold CTA
FAQ Accordion
Objection handling
Conversion-Focused Landing Pages
These pages are built to lower acquisition cost per lead. By placing the quote form above the fold and using progressive disclosure, I reduce the number of fields a visitor sees upfront, which directly improves form-start rates. Every element is tested against the question: does this move a homeowner closer to a consultation booking?
The savings calculator and FAQ accordion work as objection handlers before prospects ever talk to sales, shortening the sales cycle. Mobile-first sizing ensures we do not lose high-intent traffic from social ads that skew heavily toward phones. The result is a landing experience that converts curiosity into qualified leads with less friction.
Emails People Actually Open
Emails People Actually Open
Email remains one of the highest-ROI channels for solar nurturing, but only if the design earns the click. I prioritize preview-pane clarity so the value proposition is readable before images even load, protecting performance in Outlook and Gmail clients where a large portion of Sunrun's homeowner audience lives.
Single-column layouts and oversized CTAs improve mobile click-through rates from phone users checking email between activities. Dark-mode safe colors mean the brand stays consistent whether the user opens at 6 AM or 10 PM. The business goal is simple: turn passive subscribers into appointment requests with every send.
Email Marketing Campaign
Promotional email design with bold hero imagery, savings messaging, and clear call-to-action.
A Mini System That Scales
I build design systems to keep my work consistent across every surface I touch. From color tokens and type scales to reusable components, everything is organized so I can move fast without breaking visual coherence.
This section shows how I think about structure: every decision, spacing, naming, hierarchy, is intentional. I document the rules so the work stays clean even when the project scales beyond the first few screens.
Color Tokens
Primary, semantic, neutrals
Type Scale
Heading & body hierarchy
Component Specs
Buttons, cards, forms
Spacing Rules
Grid, padding, rhythm
Figma + Dev Ready
Structure That Holds Up
My design systems start with real work, not theory. I extract patterns from the screens I am already building, then document them so future decisions are faster and cleaner. Naming is semantic, spacing is mathematical, and every component has a clear purpose. The result is a toolkit that scales without drifting into visual noise.
I keep systems light enough to adapt but strict enough to stay coherent across teams. Whether the output is a landing page, a mobile app, or an email template, the same tokens and rules apply. That consistency saves time, reduces review cycles, and makes the brand feel intentional no matter where a user encounters it.
My Design Systems
Upload your design system here
Drag & drop or click to upload
Portfolio