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.
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.
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.
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.
C
Campaign
Form
A type of display tool used to collect information from visitors to meet specific brand campaign requirements.
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.
Circular
Image Tabs
Designed to display extensive information for multiple items upon user interaction in a concise format.
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.
Contact
Form
A webform component that allows users to communicate with the brand directly through the website.
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.
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.
D
Dosing
Calculator
A webform tool designed for Pet Nutrition brands.
Test
E
Entity
Locator
This tool helps users find retail store information and map directions based on their location.
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.
F
Feedback
Block
This module serves as a customer service function, allowing users to submit feedback or contact a brand to provide additional information.
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.
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.
Food
Finder Tool
An interactive tool on the Pet Nutrition platform is designed to provide product suggestions based on customer data.
7 results
Filter by:
Applied filters (0):
7 results
Eyebrow
lorem ipsum1 Test
This is decription
Antech Eyebrow2
lorem ipsum2
This is description
Subheading
Item title 1
This is the description
Subheading
lorem ipsum2
This is the description
Master
Testing for image in home page standard
Passion for GreatFood
Show Read more text in description for mobile Show Read more text in description for mobile
test only image
Testing homepage hero block
GET YOUR DING BACK image+text
test