Digital Forum Frankfurt 2018 (By Sitewards)Benefits of Progressive Web Apps with Magento PWA is the...

© 2018 Magento, Inc. Page | 1

Digital Forum Frankfurt 2018

(By Sitewards)

© 2018 Magento, Inc. Page | 2© 2018 Magento, Inc. Page | 2

• Magento & Adobe – Commerce meets Experience

• What‘s next? Magento 2.3 Release


Leading cloud suite

for commerce

• Get to market faster with an

agile solution

• Innovate continuously for

limitless possibilities

• Scale for hyper-growth and

global expansion

• Engage shoppers with

integrated omnichannel

experiences

© 2017 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

MagentoUndisputed leadership in designing and

delivering great customer experiencesWorld’s #1 Commerce Platform for brands

across B2C and B2B


Embedding Magento Commerce into the Adobe Experience Cloud provides a flexible platform to Make Every Moment Personal and Every Experience Shoppable

AWARENESS“I have a problem”

SUPPORT“How do I enrich my ownership

experience?”

DISCOVERY“How do I solve my problem”

CONSIDERATION“What is the right product”

CONVERSION“I want a frictionless buying process”

• Search

• Display

• Video

• Omni-Experience

• Content

• Personalization

• Marketing

• Search & Merchandising

• Visual configuration

• Commerce Optimization

• Shopping & Transacting

• Order Management

• Payment & Fulfillment

• Customer Dialogs

• Remarketing

• Service & Support

© 2018 Adobe Systems Incorporated. All Rights Reserved.

Analytics Cloud Marketing CloudAdvertising Cloud

Meaningful Measurement

Precise Audience Creation

Instant Insights In Action

Cross-channel

Performance without compromise

Independent

Manage Experiences At Scale

Personalize Each Experience

Orchestrate The Journey

Adobe Experience Cloud

Analytics Audience Manager

DSP Search Creative Experience Manager

Campaign Target Primetime


Fluid Experience Delivery

HEADLESS HYBRID FULL EXPERIENCE

Adobe Advertising Cloud

Adobe Marketing Cloud

Adobe Analytics Cloud

Adaptable Commerce Processes & Business Logic (I/O Runtime)

Commerce Experiences & Components

Adobe Sensei & Experience Data Models

Flexible Microservices Integration Layer

Experience Driven Commerce for Magento


Adobe Experience Driven Commerce

Adaptable Commerce Processes and Business Logic

CampaignTargetExperience Manager Analytics Audience Manager Media Optimizer

Adobe Experience Cloud• Customer Experience,

Storefront, Layout

• E2E Digital Content

Management & Lifecycle

• Advanced image rendering

and Assets

• Content Marketing and

Personalization

• Continuous Optimization

• Search and Merchandising

• Adaptable Commerce

Processes

SenseiUnified Profile & Common Data Models

Magento• Catalog and Product info

• Core Merchandising

• Pricing & Promotions

• Cart / Checkout Navigation

• Commerce Personalization

• Order Management

Magento API


What‘s next to come?Magento 2.3


Roadmap Priorities

Deliver personalized,

differentiated shopping

experiences that

accelerate sales

Superior Shopping

Experiences

Omni-Selling &

Fulfillment

Sell everywhere, deliver

anywhere – managing

products, inventory,

orders and fulfillment

Omni-Selling &

FulfillmentMerchant Intelligence

Manage your business

with intelligence to

streamline operations,

save time & drive

profitability

Merchant Intelligence

Open Platform and Vibrant Ecosystem

Outperform your competition at a lower TCO


Intuitive content management & accurate preview

of Magento merchants make marketing

content changes on a weekly basis.

• Quickly launch richer, more compelling shopping

experiences

• Intuitive interface enables non-technical personnel

• WYSIWYG, “in-context” content editing

• Drag & drop positioning of content elements, including

ability to update page layouts by adding multiple

columns of content

• “True” storefront preview

• Streamline process of making content changes

2.3Magento Commerce

Page Builder

48%


Superior Shopping

Experiences

Omni-Selling &

Fulfillment

Omni-Selling &

Fulfillment Merchant IntelligenceAPI Performance

Magento Commerce

Progressive Web Apps (PWA’s)

Early

Adopter

Program

Magento in collaboration with Google is

investing in the development of an all new

PWA reference storefront.

• Combines the best elements of native apps

& responsive web design

• Significantly better mobile conversion rates

• App-like rich experiences & re-engagement

• Lower merchant TCO

But this isn’t just building a “PWA

theme”. Magento is committed to a

better end-to-end developer experience.

• Partnering closely with our developer

community

• Integration of best of breed tools

• Reliable & predictable development,

rapid feedback & quality assurance

Finally, a fast front end demands an API

& services layer tuned for speed as well.

• APIs designed from the ground up for

“headless” commerce

• Reworked business logic tier for more

modularity & finer granularity

• Addition of GraphQL allows for greater

flexibility, optimized performance and

frictionless schema evolution


Benefits of Progressive Web Apps with Magento

PWA is the future

High performance for blazing

fast shopping experiences

New experiences including

offline support, push

notifications and payments

similar to native apps

Built with security and SEO

in mind from the beginning.

Focus on developer experience

All new front-end development

toolchain based on research and

collaboration with Google.

Modern technologies including

React, Redux, Webpack,

GraphQL, and others

Significant improvements to

developer workflow improving

velocity and project estimates

Performance

>50% faster pages at Forbes

>50% faster at Weather Channel

<3s page load times on Twitter

Revenue and Conversions

+9% in revenue/visit at West Elm

+95% conversions at Wego

+17% conversions at Lancôme


Overview of the Magento PWA Studio

Developer Experience

• Modern architecture with input from Google: React, GraphQL, Webpack

• Research-driven approach for developer tools with workflow and speed in mind

• Easier to learn, higher productivity

• Community-powered development

• Higher NPS for developers

Shopping Experience

• New “Venia” PWA theme (examples)

• Shopper UI refined using PWA UX research

• ~50% page-level performance (mobile)

• ~50% higher conversion (mobile)

• True native mobile experiences


What’s inside Magento PWA?

• ReactJS for rendering and event handling

• Redux for local shared state management

• Apollo for efficient API interactions

• Jest and Storybook for component testing

• Webpack for optimized builds and real-time edits

• Workbox for notifications and offline


Top request in partner feature voting!

• Manage stock in multiple locations to reflect

physical inventory

• Real-time sourcing controls how locations

are selected for delivery

• Inventory reservations for highly performant

checkout and accurate quantity available

• API coverage for integration with 3rd party

inventory systems

Magento Commerce

Multi-Source Inventory (MSI)

#3


Magento PaymentsThe one-stop solution for payments – built by Magento for Magento

Early

Adopter

Program

Magento Payments provides sellers with the best

payments solution, minimizes complexity and

operational effort. All fully integrated within Magento

Enabling Sellers to...

• Accept payments from customers and offering the right

payment options

• Not worrying about fraud prevention, chargebacks and

dispute management

• Minimize operational effort and reduce complexity –

payments and order data are fully synchronized

within Admin – no need to ever leave Magento

• Monitor end-to-end customer journey across all

payment options, improve top line conversion while

optimizing customer experience.


• Embedded Magento Commerce into an Adobe Experience Manager-

built shopper UX enables commerce for high-end brand experiences

• Adobe Target, embedded directly in the Magento Admin, provides best-

of-breed experience optimization capabilities such as A/B testing,

dynamic recommendations & advanced segmentation

• Adobe Launch & Analytics provide flexible, powerful data

visualizations of customer & website behavior

• Advanced analytics coupled with Sensei machine learning & AI

enables data driven insights and real time customer intelligence

• Adobe Dynamic Media & Creative Cloud integrations enable

merchants to create more interactive product experiences

Integrating Magento Commerce with the Adobe Experience Cloud provides a flexible

platform to Make Every Moment Personal and Every Experience Shoppable

Exploring product synergies between Magento & other Experience Cloud products

Adobe + Magento IntegrationsExperience-driven Commerce


Thank You


Digital Forum Frankfurt 2018 (By Sitewards)Benefits of Progressive Web Apps with Magento PWA is the...

Documents

Transcript of Digital Forum Frankfurt 2018 (By Sitewards)Benefits of Progressive Web Apps with Magento PWA is the...