Digital Experience Platform

Hero: Title 1

Digital Experience Platform

Hero: Title

Hero: Text

Consumer Mesh is built to deliver more than your design.
It’s built to deliver a Great Digital Experience, starting with your custom designs.

Heading: What is

What is a Great Digital Experience?

Box 1: Deliver designs

Delivers your designs, Pixel Perfect

Box 2: Robust content

Provides robust content models that make sense for your business

Box 3: Evolve

Evolves and grows with you as you understand your audience better

Box 4: Experiment

Helps you easily experiment to stay ahead of market changes and user behavior

Box 5: Solid tech

Solid technology that makes upgrades easy and keeps the platform up to date

Box 6: Secure compliant

Is secure and compliant with regulations

Hero Bottom Text: Text

Consumer Mesh generates the complete digital experience, the front-end, the content management, the customer data platform integration, through Design.

Product - Light: Text

Consumer Mesh generates the complete digital experience, the front-end, the content management, the customer data platform integration, through Design.

Intro: Section Title

Architecture & Benefits

Architecture: Section Text

Customize your Digital Experience using our powerful Consumer Mesh Technology (no developers required)

Intro: Count

01.

Intro: Section Title

The Process (how it works)

Process: Section Text

It all starts with your Figma design to power your custom built Digital Experience. Here are the steps:

Step: Step 1

Step 1

Rationlize: Title

Sanitize your Figma design

Rationlize: Details

Update Node names.
Make the design responsive.
Build interactive components.
Add Animation.

Step 2: Step 2

Step 2

Enhnace: Title

Enhancing the design with Consumer Mesh Plugin

Enhnace: Details

Tag components and set properties
Customize content model
Override Styles with CSS

Step 3: Step 3

Step 3

Generate: Title

Generate Code

Generate: Details

Generate the front-end code & Drupal Content model.

Step 4: Step 4

Step 4

Author Content: Title

Author Content in Drupal

Author Content: Details

Create Page Content
Create Common Content
Set up taxonomy terms

Step 5: Step 5

Step 5

Deploy: Title

Launch Site

Deploy: Details

Deploy as a static site, with content from Drupal
Client-side rendering retrieves new content

Step 6: Step 6

Step 6

Iterate: Title

Iterate

Iterate: Details

Make changes to Design
Make changes to Layout
Make changes to User Journey
Back to Step 3 to deploy

Intro: Count

02.

Intro: Section Title

Hosting Options

Intro: Section Text

Our code is well structured, without external dependencies on us. It can be hosted in our environment or yours.

CMesh Hosting: Option

Option 1

CMesh Hosting: Title

Consumer Mesh Hosting

CMesh Hosting: Text

Static site hosted on CDN
No web server
Headless Drupal instance
Pricing starts at $50/month

Client Cloud Hosting: Option

Option 2

Client Cloud Hosting: Title

Your Cloud infrastructure

Client Cloud Hosting: Text

Deploy Consumer Mesh generated code on your own cloud
Update Design and Content model and refresh code on your cloud
Development environment in Consumer Mesh
Contact Us for Pricing (depends on integration requirements)

Intro: Count

03.

Intro: Section Title

Components, Content, and Integrations

Components: Section Text

Customize your Digital Experience using our powerful Consumer Mesh Technology (no developers required)

Components: Title

Components

Component: Header

Semantic HTML markup

Component: Text

You can specify what the semantic tags like H1, <aside>, etc. on Figma nodes using our plugin. This ensures that the generated website has the right structure for search engines, screen readers, etc.

Component: Header

Form, form elements and file upload

Component: Text

Design Form elements in Figma and tag using our plugin.
Create interactive components in Figma to represent a custom form input element.
Allow file attachments with DropZone integration.

Component: Header

Navigation, Breadcrumbs, scroll

Component: Text

Design elements in Figma, tag them to aid consumers to navigate complex user journeys.
Prototyping in Figma is converted to navigation.

Component: Header

Social Share

Component: Text

Integrate with ShareThis and generate social share buttons.

Component: Header

Geolocation

Component: Text

Use HTML5 geolocation feature. And use the location throughout the website.

Component: Header

Dynamic expressions

Component: Text

Expressions are available to transform data from API or Drupal and present to the consumer.

Component: Header

Map, markers and popup

Component: Text

Custom map, markers and popup that make sense for your business and users

Content Model: Title

Customize Content Model

Content Model: Title

Page content

Content Model: Text

Create pages that work for your CAX (Content Authoring Experience)

Content Model: Title

Repeating Content with sort, filter, paginate can easily implement blogs, news, etc.

Content Model: Text

Highlight content so your users can easily see the information they need

Content Model: Title

Common Content

Content Model: Text

Reduce duplicate content entry
Flexible and tailored to your business

Integrations: Title

Integrations

Integration: Title

REST API for form submit

Integration: Text

Integrate with any Customer Data Platform (CDP) using REST API.

Integration: Title

Share This for Social share

Integration: Text

Social Sharing is made easy with integration with Social share

Integration: Title

ReCharts for charting

Integration: Text

Visualize data using charts based on Recharts charting library.
Data can come from Drupal custom content or API results

Integration: Title

Maplibre for Maps

Integration: Text

Create custom markers and popup in Figma, and use them in maps.
The generated code integrates with Maplibre and a custom JSON to pull maps.
Marker Data comes from Drupal to easily change markers.

Architecture & Benefits: Section Text

Customize your Digital Experience using our powerful Consumer Mesh Technology (no developers required)