MXP Demo Site

Welcome

Welcome to the Demo Website! This site is designed to showcase the features and functionalities of the Mars Experience Platform in a realistic environment. You will find interactive elements and sample content that visually accompany the Mars Brand Site Storybook.

Although this site is built on the Pet Nutrition system and utilizes a sample brand theme, the individual components are designed to flex across all brand segments. If you have any questions or need assistance during your visit, please feel free to reach out to your Mars representative.

Components

A

Accordion

A vertically stacked list of items to help arrange content compactly and display only when the user wants to see the details.
See More

Age
Calculator

An interactive tool available on the Pet Nutrition platform is designed to inform users about the age of his/her pets based on their answers to pre-defined questions.
See More

Alert
Banner

A prominent visual element designed to capture user attention and convey important information. It can drive to any page on or off the site. It is also referred to as a notification bar or announcement banner.
See More

Article
Card

Article Cards drive to associated Article Detail Pages.
See More

Carousel component version3

Cesar UK DE FR PL Website Chopping Board Freeform 1

CATS CAN'T RESIST™

Irresistible, nutritionally.

SHOP NOW

VErtical video Carousel

Drupal

B

Breadcrumbs

A navigational aid helps users understand their location within the site's hierarchy by providing a visual trail to show the path taken to reach the current page.

BCS
BCI Tool

A weight management tool designed for Pet Nutrition brands.

Back
to Top

A navigational element that allows users to return quickly to the top of the page upon click when scrolling content.

Breed
Selector

An interactive tool available on the Pet Nutrition platform is designed to help potential pet owners find the most suitable breed based on their answers to pre-defined questions.

 

(open in new tab)

C

Campaign
Form

A type of display tool used to collect information from visitors to meet specific brand campaign requirements.
See More

Carousel
Component

A display of media (images and/or videos) with associated descriptions users can flip through. It can house multiple media items in a single component without the page growing too long.
See More

Carousel
Filter

Dynamically creates a carousel based on the site taxonomy/filters.
See More

Circular
Image Tabs

Designed to display extensive information for multiple items upon user interaction in a concise format.
See More

Compare
Grid

Provides a comparison (side-by-side) view of product specifications.
See More

Contact
Help Banner

Provides a quick way to contact the brand and corporate by phone, email, or social media without taking them to the Contact & Help page.
See More

Contact
Form

A webform component that allows users to communicate with the brand directly through the website.
See More

Content
Feature

A large component used to grab a user’s attention and redirect them to an Article or Campaign. Designed to highlight and drive specifically to content (not directly to products) within the site. It’s full-width, so using captivating imagery is recommended.
See More

Cookie
Banner

Automatically appears when a visitor comes to any brand site for the first time. Its primary purpose is to inform users about the use of cookies on the site and allows them to give consent for Mars to collect their data.

Entity
Locator

This tool helps users find retail store information and map directions based on their location.
See More

Entry
Gate

The initial point of access to the website when a user visits for the first time. Consumer entry data is required for select markets based on regulatory guidelines.

External
Link Pop Up

The user interface element helps creating caution and appears when a user clicks on a link that directs them to a website outside the current domain.

Error
Page Block

Automatically appears when users click/tap on a page that is broken, not linked, or malfunctioning.
See More

14 results

Filter by:
Filter by:
Applied filters (0):

14 results

All products..

See more

Feedback
Block

This module serves as a customer service function, allowing users to submit feedback or contact a brand to provide additional information.
See More

Flexible
Driver

A flexible component used to break up the page and drive to off-site or on-site content. It supports a smaller image treatment (no full-width background image) that is less visually immersive.
See More

Flexible
Framer

Most commonly used component across the brand sites and is incredibly flexible (true to its name) with multiple variations for different content needs, from driving to brand initiatives (on or off-site) or to specific products.
See More

Food
Finder Tool

An interactive tool on the Pet Nutrition platform is designed to provide product suggestions based on customer data.
See More
m
Subheading

Item title 1

This is the description

focus
Subheading

lorem ipsum2

This is the description

Master

Testing for image in home page standard

homepage hero background image
nutro homepage desktop hero
NUTRO™ GREATER

Healthy Soil Feeds our Future

Learn More
fullwidth carousel background image
fullwidth carousel background image

Passion for GreatFood

Show Read more text in description for mobile Show Read more text in description for mobile

SHOP NOW (opens in new window)

LET'S GROW HEALTHY PETS™

At NUTRO™, we believe in growing healthy dogs. Whether your dog is a small breed, a large breed or anywhere in between, NUTRO™ dog food harnesses the goodness of nature to help them live a full and active life.

Read more
fullwidth carousel background image

Nutro

At NUTRO™, we believe in growing healthy dogs. Whether your dog is a small breed, a large breed or anywhere in between, NUTRO™ dog food harnesses the goodness of nature to help them live a full and active life.

fullwidth carousel background image
95427 7 M3P MULTI NR PortfolioCulinaryWet Hero Carousel Component MBL 767x530 Slide 3 FNL
test only image

Testing homepage hero block

video

homepage hero no block

95427 7 M3P MULTI NR PortfolioCulinaryWet Homepage Hero Block TAB 768x580 FNL

GET YOUR DING BACK image+text

test

parent page header

Flexible Driver

This is for testing purpose

Explore
Eyebrow

Header Test 1

Protect the health of the hero dogs that sacredly save human

Protect the health of the hero dogs that sacredly save human

WHAT DOES THE PROJECT SOLVE?With 10 vets and 45 handlers, we have equipped professionals to provide better care and ensure that all 45 rescue dogs receive the healthcare they need. We have solved critical issues to minimize risks during their work and raise public awareness, advocating for the care of rescue dogs and rallying national attention. 

EXPLORE
Test Article Reduced Image size

Test Article Reduced Image size

Test Dev with Reduced Image size.

EXPLORE

Tabs block

  • Tab 1
  • Tab 2
  • Tab 3
  • Tab 4
  • Tab 5
  • Tab 6
  • Tab 7
  • Tab 8
  • Tab 9

Fullwidth Carousel component

Eyebrow

Parentpage right

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. of letters, as opposed to using Many desktop publishing packages and web page editor--OR--RM

CTA1 secondary cta
Paid Search
Eyebrow

Homepage left -OR

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution

CTA
Eyebrow

Text Block

This is for testing purpose. This is for testing purpose.This is for testing purpose. This is for testing purpose. This is for testing purpose. This is for testing purpose. This is for testing purpose. This is for testing purpose. This is for testing purpose.

Explore Explore (opens in new window)
Eyebrow

Text Block

THis is for testing purpose. THis is for testing purpose. THis is for testing purpose. THis is for testing purpose. THis is for testing purpose. THis is for testing purpose.