Case study

Seven Four Union

A storefront for Seven Four Union’s original hats and themed collections.

Hat storefront JK Dreaming portfolio

Seven Four Union hat collection screenshot
01 / Project viewHat collection
Seven Four Union storefront campaign screenshot
02 / Project viewStorefront campaign
Seven Four Union themed collection screenshot
03 / Project viewThemed collection

Drag a card to see what's behind it.

Project
Hat storefront
Scope
Product collection
Site detail
Original designs

01 / The brief

Let the hats do the talking.

Seven Four Union describes itself as a hands-on hat maker, without a large factory or assembly line. Some of its designs began as ideas the makers carried for more than twenty years. The site puts that character into the shopping experience instead of hiding the collection behind a generic store grid.

02 / The experience

Give each design room.

The store page shows hats side by side, with product names and purchase details close to the imagery. The range of patches, colors, and styles stays visible at a glance.

Shoppable hat catalog / Original designs

Seven Four Union Storefront campaign screenshot
Figure 01Storefront campaign
Seven Four Union Themed collection screenshot
Figure 02Themed collection

03 / The details

Build a collection around a mood.

A separate campaign page pairs a featured hat with Día de los Muertos artwork. It gives the product a visual setting while keeping the collection within reach.

Original designs / Themed collections

04 / Across screens

The same site on a smaller screen.

A look at how the project pages appear on mobile.

Seven Four Union Featured collection screenshot
01Featured collection
Seven Four Union Hat catalog screenshot
02Hat catalog
Seven Four Union Product detail screenshot
03Product detail

05 / In the experience

What the site covers

The captured pages combine a shoppable catalog with large campaign imagery and themed product collections.

  • 01Shoppable hat catalog
  • 02Original designs
  • 03Themed collections
  • 04Brand story

Your project / Next step

Have a project in mind?

Let’s talk about the site it needs.