top of page

Loveland Products

Product Guide Builder

Anchor 1

Project Overview

Loveland Products Product Guide Builder was a digital to print tool used by marketing managers and locations across the country to customize and design their own unique product build out.

Problem

Opportunity

Create and unify design language across the platform and across business needs.

  • Create visual design system

  • Incorporate cross branding

  • Enhance brand experience through design system consistency and appealing UI tailored to the audience 

Deliverables

  • Prototypes and wireframes

  • High fidelity mockups to hand over to developers

  • System asset redesign

Design Role

UX Design

Visual Design

Prototyping

Wireframing

Creative Direction

Iterative Design

Design Management

Anatomy

Development of the design system to accommodate multiple pieces of content.

ISO PBG Web_2x.png

Layouts

With hundreds of interchangeable products—each with unique data and naming conventions—the design required a scalable solution. I created a dynamic template system that maintained consistency and readability across all variations.

Card 25_2x.png

Wireframes

Building a detailed wireframe was essential for aligning multiple agencies and ensuring a seamless connection between the digital experience and the final printed materials.

PGB_Web_Layout-03.png

Templates

Designed adaptable templates for cobranded use, ensuring partner logos and messaging fit within a consistent visual system.

PGB_Web_Layout-01.png
PGB_Web_Layout472-04.png

Cover Design Iteration

Explored multiple design iterations within the template system, refining layouts and styles to meet diverse stakeholder preferences while maintaining brand consistency.

PGB_Web_Layout-02.png
bottom of page