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
Fable & Mane

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)




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



RINO Ready


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



© 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
Fable & Mane

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)




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



RINO Ready


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



© 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
Fable & Mane

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)




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




RINO Ready

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



© 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
Fable & Mane

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)




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




RINO Ready

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



© 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
Fable & Mane

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)




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




RINO Ready

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



© 2026 Designed by JP Brown