Belgard

View Website Video

Project Overview

Belgard, a leader in hardscaping products and outdoor living solutions, offers a range of products including pavers, retaining walls, and outdoor living solutions for both residential and commercial projects. The objective of this project was to improve Belgard's digital marketing efforts by defining, designing, developing, measuring, and iteratively optimizing the user journey into the website conversion funnel. This was achieved through an omnichannel approach that integrates various marketing and communication channels to provide a seamless and cohesive user experience.

Omnichannel Mapping

To create an effective marketing funnel, different user touchpoint opportunities across various channels were identified. This approach ensured that users received tailored visual and contextual messages relevant to their journey stages in enhancing their outdoor living spaces. The goal was to guide users smoothly through the funnel from initial awareness to final conversion.

Belgard Marketing Funnel

Website

User Flows

User flows were meticulously defined to map out the different paths users could take depending on their specific needs and stages in the journey. This involved identifying key interactions and decision points to create a seamless and intuitive user experience that guides users towards conversion.

Belgard Website User Flows

Sitemap

The sitemap was an integral part of the information architecture, detailing the structure and organization of the website. This included taxonomy, page labeling, and category definition exercises to ensure that the website was logically organized and easy for users to navigate.

Belgard Website Sitemap

Templates

A modular design approach was implemented to create a consistent and scalable foundation for both designers and developers. This ensured that users received a uniform experience across the website, regardless of the page or section they visited.

Belgard Website Templates

Components

Each wireframe was annotated with detailed information for designers, developers, and the client. These annotations provided clear direction on the purpose of each component and the rules governing its inclusion and behavior within the CMS, ensuring a coherent and functional design system.

Belgard Website Components

Design

Collaborating closely with Belgard's internal marketing team, we crafted designs that not only met user needs but also maintained the brand's integrity and tone across different touchpoints. The designs were aimed at enhancing user engagement and driving conversions while staying true to Belgard's brand identity.

Belgard Website Design

Microsite

Wireframes

Microsites, such as the Quiz application, were designed to offer users engaging and inspirational content. These microsites were strategically created to capture user interest and motivate them to advance to the next phase of their journey, ultimately leading to higher conversion rates.

Belgard Microsite Wireframes

Designs

The designs for the microsites were carefully aligned with Belgard's brand guidelines. These designs focused on user engagement and provided a visually appealing and functional interface to enhance the overall user experience.

Belgard Microsite Designs

HTML Email

Email Nurturing Plan

A personalized email nurturing plan was developed to drive users through different channels and ultimately convert them into customers. These emails were tailored to the user's journey stage and provided relevant content and calls to action.

Belgard Email Nurturing Plan

Email Designs

The email designs were created to align with Belgard's branding and messaging, ensuring a cohesive user experience across all relevant touchpoints. These designs were optimized for engagement and conversion, providing users with visually appealing and informative content.

Belgard Email Designs

Social Media

Monthly social and digital ads were developed to support the ongoing marketing efforts. These ads were based on analytical data and insights, ensuring that the content was relevant and effective. The ads were designed to drive traffic to the website and other digital channels, supporting the overall marketing strategy.

Belgard Social Designs

Key Features

Example of Belgard omni-channel designs with annotations

50+ Projects

Below Are Some Case Studies

DIYAI

Self-serve product with content automation, predictive customer vetting, WYSIWYS interface.

BW Mobile App

Integration with biometrics, MFA, messaging, notifications, customizable features.

Business Wire

Cloud migration, consolidatio of CMS onto WordPress Engine, Recommendation Systems, and personalization.

Beam Living

Unify payment system, income verification, reserve, secure, and monitor apartment unit under a single app.

American Heart Association

User segmentation, modularity across multiple sites, content/labeling/categorization/keyword mapping, conversional strategy.

Belgard

Comprehensive digital marketing with an omnichannel approach: website, SEO, blogs, social media, digital ads, email, and microsites.

Let's Connect

If you are seeking a dedicated and innovative UX leader to join your team, I would love to hear from you. Let's create something amazing together. Fill out the for below or email me directly to start our journey towards exceptional digital experiences.