DTC Web Design Work

A curated selection of screens and templates across three Shopify builds.

Web Design

UI Design

Ecommerce UX

Page storytelling

Shopify

Conversion-Focused Design

border

Fable & Mane

Fable & Mane Homepage Design

Overview

I led the design of Fable & Mane’s ecommerce experience as the brand entered Sephora, elevating the site to match their premium positioning and updated brand direction. Working from new campaign photography and refreshed visual identity, I designed a clean Shopify storefront that balanced editorial craft with conversion fundamentals — clear hierarchy, confident CTAs, and product storytelling built for shopping.

Role:

Lead Web Designer/Marketing Designer

Scope

Ecommerce Design, UI System + Key Templates (Desktop + Mobile)

Fable & Mane Homepage Design
Fable & Mane Shop Page Design
Fable & Mane Mobile Design
Fable & Mane 404 Design

Mosaic MFG

border

Overview

I led the design refresh of Mosaic Manufacturing’s Shopify experience to support the launch of a highly anticipated new line of 3D printers. Working closely with their 3D designer, I collaborated on integrating high-end product visuals and interactive assets into a cleaner, more premium web system. Beyond the core ecommerce flow, we expanded the site with supporting content — including case studies, solutions pages, and Apple-inspired product pages — to clearly communicate the product lineup, key features, and differentiation.

Role:

Lead Web Designer/Marketing Designer

Scope

Shopify Redesign, Product Page System, Supporting Marketing Pages, Responsive Design

Mosaic MFG Homepage Design
Mosaic MFG Solutions Page Design
border

RINO Ready

Mosaic MFG Mobile Designs
RINO Ready Hero Image

Overview

I led the redesign of RINO Ready’s Shopify site to support the launch of their new emergency survival backpack (RINO V2). The project focused on elevating the brand’s visual identity, clearly communicating product value, and reducing friction for a high-consideration purchase. Drawing inspiration from Blade Runner 2049, I translated a darker, cinematic direction into a clear, conversion-focused ecommerce experience, including a custom “Build Your Pack” stepper that allowed users to configure their backpack based on needs and scenarios. The result was a launch-ready site that balanced brand, usability, and clarity while supporting scale and conversion.

Role:

Lead Web Designer / UI Designer

Scope

Full Shopify Site Redesign, Ecommerce Templates, Custom “Build a Pack” UX, Responsive Design

RINO Ready Shop Page
RINO Ready Stepper Design
RINO Ready Mobile Designs

© 2026 Designed by JP Brown

DTC Web Design Work

A curated selection of screens and templates across three Shopify builds.

Web Design

UI Design

Ecommerce UX

Page storytelling

Shopify

Conversion-Focused Design

border

Fable & Mane

Fable & Mane Homepage Design

Overview

I led the design of Fable & Mane’s ecommerce experience as the brand entered Sephora, elevating the site to match their premium positioning and updated brand direction. Working from new campaign photography and refreshed visual identity, I designed a clean Shopify storefront that balanced editorial craft with conversion fundamentals — clear hierarchy, confident CTAs, and product storytelling built for shopping.

Role:

Lead Web Designer/Marketing Designer

Scope

Ecommerce Design, UI System + Key Templates (Desktop + Mobile)

Fable & Mane Homepage Design
Fable & Mane Shop Page Design
Fable & Mane Mobile Design
Fable & Mane 404 Design
border

Mosaic MFG

Overview

I led the design refresh of Mosaic Manufacturing’s Shopify experience to support the launch of a highly anticipated new line of 3D printers. Working closely with their 3D designer, I collaborated on integrating high-end product visuals and interactive assets into a cleaner, more premium web system. Beyond the core ecommerce flow, we expanded the site with supporting content — including case studies, solutions pages, and Apple-inspired product pages — to clearly communicate the product lineup, key features, and differentiation.

Role:

Lead Web Designer/Marketing Designer

Scope

Shopify Redesign, Product Page System, Supporting Marketing Pages, Responsive Design

Mosaic MFG Homepage Design
Mosaic MFG Solutions Page Design
border

RINO Ready

Mosaic MFG Mobile Designs
RINO Ready Hero Image

Overview

I led the redesign of RINO Ready’s Shopify site to support the launch of their new emergency survival backpack (RINO V2). The project focused on elevating the brand’s visual identity, clearly communicating product value, and reducing friction for a high-consideration purchase. Drawing inspiration from Blade Runner 2049, I translated a darker, cinematic direction into a clear, conversion-focused ecommerce experience, including a custom “Build Your Pack” stepper that allowed users to configure their backpack based on needs and scenarios. The result was a launch-ready site that balanced brand, usability, and clarity while supporting scale and conversion.

Role:

Lead Web Designer / UI Designer

Scope

Full Shopify Site Redesign, Ecommerce Templates, Custom “Build a Pack” UX, Responsive Design

RINO Ready Shop Page
RINO Ready Stepper Design
RINO Ready Mobile Designs

© 2026 Designed by JP Brown

DTC Web Design Work

A curated selection of screens and templates across three Shopify builds.

Web Design

UI Design

Ecommerce UX

Page storytelling

Shopify

Conversion-Focused Design

border

Fable & Mane

Fable & Mane Homepage Design

Overview

I led the design of Fable & Mane’s ecommerce experience as the brand entered Sephora, elevating the site to match their premium positioning and updated brand direction. Working from new campaign photography and refreshed visual identity, I designed a clean Shopify storefront that balanced editorial craft with conversion fundamentals — clear hierarchy, confident CTAs, and product storytelling built for shopping.

Role:

Lead Web Designer/Marketing Designer

Scope

Ecommerce Design, UI System + Key Templates (Desktop + Mobile)

Fable & Mane Homepage Design
Fable & Mane Shop Page Design
Fable & Mane Mobile Design
Fable & Mane 404 Design
border

Mosaic MFG

Overview

I led the design refresh of Mosaic Manufacturing’s Shopify experience to support the launch of a highly anticipated new line of 3D printers. Working closely with their 3D designer, I collaborated on integrating high-end product visuals and interactive assets into a cleaner, more premium web system. Beyond the core ecommerce flow, we expanded the site with supporting content — including case studies, solutions pages, and Apple-inspired product pages — to clearly communicate the product lineup, key features, and differentiation.

Role:

Lead Web Designer/Marketing Designer

Scope

Shopify Redesign, Product Page System, Supporting Marketing Pages, Responsive Design

Mosaic MFG Homepage Design
Mosaic MFG Solutions Page Design
Mosaic MFG Mobile Designs

RINO Ready

border
RINO Ready Hero Image

Overview

I led the redesign of RINO Ready’s Shopify site to support the launch of their new emergency survival backpack (RINO V2). The project focused on elevating the brand’s visual identity, clearly communicating product value, and reducing friction for a high-consideration purchase. Drawing inspiration from Blade Runner 2049, I translated a darker, cinematic direction into a clear, conversion-focused ecommerce experience, including a custom “Build Your Pack” stepper that allowed users to configure their backpack based on needs and scenarios. The result was a launch-ready site that balanced brand, usability, and clarity while supporting scale and conversion.

Role:

Lead Web Designer / UI Designer

Scope

Full Shopify Site Redesign, Ecommerce Templates, Custom “Build a Pack” UX, Responsive Design

RINO Ready Shop Page
RINO Ready Stepper Design
RINO Ready Mobile Designs

© 2026 Designed by JP Brown

DTC Web Design Work

A curated selection of screens and templates across three Shopify builds.

Web Design

UI Design

Ecommerce UX

Page storytelling

Shopify

Conversion-Focused Design

border

Fable & Mane

Fable & Mane Homepage Design

Overview

I led the design of Fable & Mane’s ecommerce experience as the brand entered Sephora, elevating the site to match their premium positioning and updated brand direction. Working from new campaign photography and refreshed visual identity, I designed a clean Shopify storefront that balanced editorial craft with conversion fundamentals — clear hierarchy, confident CTAs, and product storytelling built for shopping.

Role:

Lead Web Designer/Marketing Designer

Scope

Ecommerce Design, UI System + Key Templates (Desktop + Mobile)

Fable & Mane Homepage Design
Fable & Mane Shop Page Design
Fable & Mane Mobile Design
Fable & Mane 404 Design
border

Mosaic MFG

Overview

I led the design refresh of Mosaic Manufacturing’s Shopify experience to support the launch of a highly anticipated new line of 3D printers. Working closely with their 3D designer, I collaborated on integrating high-end product visuals and interactive assets into a cleaner, more premium web system. Beyond the core ecommerce flow, we expanded the site with supporting content — including case studies, solutions pages, and Apple-inspired product pages — to clearly communicate the product lineup, key features, and differentiation.

Role:

Lead Web Designer/Marketing Designer

Scope

Shopify Redesign, Product Page System, Supporting Marketing Pages, Responsive Design

Mosaic MFG Homepage Design
Mosaic MFG Solutions Page Design
Mosaic MFG Mobile Designs
border

RINO Ready

RINO Ready Hero Image

Overview

I led the redesign of RINO Ready’s Shopify site to support the launch of their new emergency survival backpack (RINO V2). The project focused on elevating the brand’s visual identity, clearly communicating product value, and reducing friction for a high-consideration purchase. Drawing inspiration from Blade Runner 2049, I translated a darker, cinematic direction into a clear, conversion-focused ecommerce experience, including a custom “Build Your Pack” stepper that allowed users to configure their backpack based on needs and scenarios. The result was a launch-ready site that balanced brand, usability, and clarity while supporting scale and conversion.

Role:

Lead Web Designer / UI Designer

Scope

Full Shopify Site Redesign, Ecommerce Templates, Custom “Build a Pack” UX, Responsive Design

RINO Ready Shop Page
RINO Ready Stepper Design
RINO Ready Mobile Designs

© 2026 Designed by JP Brown

DTC Web Design Work

A curated selection of screens and templates across three Shopify builds.

Web Design

UI Design

Ecommerce UX

Page storytelling

Shopify

Conversion-Focused Design

border

Fable & Mane

Fable & Mane Homepage Design

Overview

I led the design of Fable & Mane’s ecommerce experience as the brand entered Sephora, elevating the site to match their premium positioning and updated brand direction. Working from new campaign photography and refreshed visual identity, I designed a clean Shopify storefront that balanced editorial craft with conversion fundamentals — clear hierarchy, confident CTAs, and product storytelling built for shopping.

Role:

Lead Web Designer

Scope

Ecommerce Design, UI System + Key Templates (Desktop + Mobile)

Fable & Mane Homepage Design
Fable & Mane Shop Page Design
Fable & Mane Mobile Design
Fable & Mane 404 Design
border

Mosaic MFG

Overview

I led the design refresh of Mosaic Manufacturing’s Shopify experience to support the launch of a highly anticipated new line of 3D printers. Working closely with their 3D designer, I collaborated on integrating high-end product visuals and interactive assets into a cleaner, more premium web system. Beyond the core ecommerce flow, we expanded the site with supporting content — including case studies, solutions pages, and Apple-inspired product pages — to clearly communicate the product lineup, key features, and differentiation.

Role:

Lead Web Designer

Scope

Shopify Redesign, Product Page System, Supporting Marketing Pages, Responsive Design

Mosaic MFG Homepage Design
Mosaic MFG Solutions Page Design
Mosaic MFG Mobile Designs
border

RINO Ready

RINO Ready Hero Image

Overview

I led the redesign of RINO Ready’s Shopify site to support the launch of their new emergency survival backpack (RINO V2). The project focused on elevating the brand’s visual identity, clearly communicating product value, and reducing friction for a high-consideration purchase. Drawing inspiration from Blade Runner 2049, I translated a darker, cinematic direction into a clear, conversion-focused ecommerce experience, including a custom “Build Your Pack” stepper that allowed users to configure their backpack based on needs and scenarios. The result was a launch-ready site that balanced brand, usability, and clarity while supporting scale and conversion.

Role:

Lead Web Designer / UI Designer

Scope

Full Shopify Site Redesign, Ecommerce Templates, Custom “Build a Pack” UX, Responsive Design

RINO Ready Shop Page
RINO Ready Stepper Design
RINO Ready Mobile Designs

© 2026 Designed by JP Brown