General UI design for components and email

A selection of email, component and wireframe designs for brands I’ve worked with

  • UI/UX Design
  • Web Design
  • Design System
  • Wireframing
  • Prototyping

Key design decisions

Clarity, designed into every layer.

  1. Lo-Fi Wireframes

    Low-fidelity wireframes establish clear layouts for web components and email campaigns across different brands.

  2. Ideation

    Editorial imagery and generous whitespace let hero banners and emails communicate their message without competing with key information.

  3. Final design

    Reusable commerce patterns align desktop and mobile while leaving room for campaign expression.

Approach & process

Evidence first. Expression second.

Each piece starts as a low-fidelity wireframe to agree on layout and hierarchy, then becomes a reusable component, hero banner or email template that stays consistent across each brand.

Hero Banners

Hero banner for a skincare brand’s Black Friday sale, 25% off sitewide, on desktop and mobile, with a row of product benefits below
Hero banner for a winter sale on women’s boots, up to 50% off, on desktop and mobile, with a row of fashion magazine logos
Hero banner for Michele Lopriore, The Ultimate Winter Shoes, on desktop and mobile
Hero banner for Colombiana, Curves and Confidence, 40% off with code HEATWAVE, on desktop and mobile, with a featured Best Sellers row

Email

Two Blue Bottle Coffee email templates, It’s been a while and Are you ready for a refill, each in desktop and mobile versions
Two beauty and home email templates, a seasonal collective box and a back in stock announcement, each in desktop and mobile versions
Two Black Friday skincare email templates, 25% off sitewide with picks of the season, in desktop and mobile versions
Two 5 Sens fragrance email templates, Make ’em Catch Feelings and Relationships are complicated, in desktop and mobile versions

Wireframing and Components

Product page for an office furniture store shown as grayscale wireframes next to the final design, with gallery, product details, FAQ, reviews and related products
Figma canvas with desktop and mobile options for a side cart subscription toggle, linked by blue prototype connections

Let’s build something remarkable.

Open to remote Senior UI/UX Designer and Design Lead positions.

GET IN TOUCH

Fields marked with an asterisk are required.