Design Flow Hero

Creating Flow from Chaos

When you’re tasked to fit A LOT of products in an email, it’s tough to find a layout that will flow, draw interest and won’t overwhelm. Here are two design styles that I think pull it off quite nicely.

Solution #1: Staggered Image Grids
Works well with: Environmental Photography

I’m really drawn to this popular layout. Breaking away from the traditional grid, the staggered effect really draws your eye through the images and down the page. It has minimal text so it scans easily.

From: Rejuvenation
Date: 8/12/15
Subject Line: Looking to update your bath? Start here with Free Shipping!

Rejuvenation

From: Pottery Barn Kids
Date: 8/12/15
Subject Line: POW! Save on our Super Hero Collection

Potterybarn Kids

From: Anthropologie
Date: 8/16/15
Subject Line: It’s your move (our move: free ship).

Anthropologie

From: Crate and Barrel
Date: 8/01/15
Subject Line: Last chance to save on outdoor furniture.

Crate and Barrel

From: Aéropostale
Date: 8/05/15
Subject Line: Online Sneak Peek: Employee Discount Sale!

Aero

Solution #2: Diagonal Lines
For use with: Product Cutouts

This design method uses graphics in addition to product photography to create flow.

From: The Children’s Place
Date: 8/05/15
Subject Line: Up to 55% Off All Uniforms + Get Back to School Essentials Starting at $2.99 + Extra 25% Off Savings Pass!

The Children's Place

From: Ulta Beauty
Date: 8/13/15
Subject Line: Who’s Getting a Gift? (Hint: It’s You)

Ulta

From: NORDSTROM RACK
Date: 7/29/15
Subject Line: Summer Denim: 7 For All Mankind, HUDSON & more

NORDSTROM RACK