product_mhc.ejs
25.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Magnolia Headless CMS - 產品代理開發實施 - Magnolia合作夥伴</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Magnolia Partner,Magnolia Solution Partner,Magnolia 合作夥伴,Magnolia 服務提供商,Magnolia 代理商,Magnolia 供應商,Magnolia CMS,Magnolia 前後端分離 CMS,Magnolia 解決方案,Magnolia Development,Magnolia 開發,Magnolia 實施,數字體驗平臺,內容管理系統數字化轉型,Web開發,網站開發" name="keywords">
<meta content="凝新科技Leadstec擁有專業的Magnolia開發團隊，致力於幫助企業快速搭建Magnolia前後端分離CMS，從而實現跨渠道、個性化和數字化的體驗。" name="description">
<!-- Favicons -->
<link href="../img/favicon.ico" rel="icon">
<link href="../img/apple-touch-icon.png" rel="apple-touch-icon">
<%- include('headlib'); -%>
</head>
<body>
<!--==========================
Header
============================-->
<header id="header" class="fixed-top">
<%- include('header'); -%>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="introduction" class="section-bg">
<div class="container">
<div class="intro-img">
<img src="../img/product/Magnolia.png" alt="Magnolia" class="img-fluid" style="max-height: 300px;">
</div>
<div class="intro-info">
<h3>Magnolia</h3>
<h3>以驚人的速度構建出色的數字體驗</h3>
<h5>通過前後端分離，並將數字體驗平臺的功能模塊化，提高項目開發和上線的速度，並保持系統靈活性。
</h5>
<div>
<a href="contact.html#contact" class="btn-get-started scrollto" target="view_window">體驗產品</a>
</div>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<!--==========================
Function Section
============================-->
<section id="function" class="clearfix">
<div class="container">
<header class="section-header">
<h3>產品功能</h3>
</header>
<div class="row">
<div class="col-lg-4">
<div class="box">
<p class="description">
創建
</p>
</div>
<div class="box">
<p class="description">
管理
</p>
</div>
<div class="box">
<p class="description">
發布
</p>
</div>
<div class="box">
<p class="description">
優化
</p>
</div>
</div>
<div class="col-lg-8">
<div class="wow fadeInUp">
<div class="function-item function-item-1">
<div class="item">
<h5>拉拽式的编辑 </h5>
<p>
以直觀的拉拽方式構建完整網頁。選擇您需要的組件，按您的意願進行配置並放置。開發人員可以配置哪些組件可用，以確保站點總體設計的一致性。
</p>
</div>
<div class="item">
<h5>單頁應用程序 (SPA) 編輯 </h5>
<p>
使用同樣的拉拽式編輯器來編輯和管理基於 React、Angular 或 Vue 等框架的單頁應用程序 (SPA)
內容。您擁有選擇組件和布局的創作自由度（不只是輸入內容），同時可使用實時預覽功能，精確了解瀏覽者的體驗觀感，包括視頻、折疊菜單和其他交互元素。
</p>
</div>
<div class="item">
<h5>優化內容創作流程（Storeis 應用程序） </h5>
<p>
使用優化的創作流程編輯結構化和半結構化的內容。借助標準化字段完成結構化大綱，隨後利用您需要的一些內容區塊來構建您的內容：圖像、文本、視頻、插件等。使用 Stories
應用提供新聞、產品、博客、登錄頁面、內容策劃等功能。
Stories 应用提供新闻、产品、博客、登录页面、内容策划等功能。
</p>
</div>
<div class="item">
<h5>內容重復利用 </h5>
<p>
一旦創建，即可發布到任何渠道 (COPE)。無論您的內容是圖像、廣告系列宣傳片，還是諸如產品之類的結構化內容單元，都只需通過同一個系統管理。
</p>
</div>
<div class="item">
<h5>多渠道預覽 </h5>
<p>
在頁面編輯器的編輯和預覽模式之間隨時切換。以不同的設備分辨率預覽您的內容，甚至可以查看此內容針對不同的受眾群體的變化。
</p>
</div>
<div class="item">
<h5>微型頁面和登錄頁面 </h5>
<p>
使用 Magnolia 的所見即所得頁面編輯器、個性化和可重復使用內容功能，快速輕松地創建登錄頁面。使用多站點功能即可在一個 Magnolia 設備上創建和運行 10 個或 100 個微型網站。
</p>
</div>
<div class="item">
<h5>全渠道市場活動 </h5>
<p>
在同一系統內創建和管理跨渠道市場活動的客戶體驗，而無需觸及代碼。活動內容可以是一個簡單的橫幅，也可以是一個復雜的頁面，包含產品圖片、宣傳片或任何能吸引您的受眾的內容。您只需簡單操作即可發布活動，並能重復利用活動內容。自定義工作流讓您能提前創建、預覽，並在適當時機推送活動。
</p>
</div>
<div class="item">
<h5>營銷自動化 </h5>
<p>
在網頁上輕松創建著陸頁以供訪客填寫。在您的營銷自動化工具（如 Marketo 或
Salesforce）中創建著陸頁，只需單擊一下，即可嵌入到您的頁面中。此著陸頁與您網站的品牌和設計相匹配，從而打造無縫的用戶體驗。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>Multisource 内容 </h5>
<p>
從您的產品信息系統（PIM）、數字資產管理系統（DAM）甚至其他 CMS 中獲取內容，並從數據分析系統、個性化和優化系統中獲取相關數據。隨後，您便可以通過 Magnolia
在任何數字渠道為每一位客戶提供個性化的內容。使用 Multisource，Magnolia 只需簡單幾行配置，便可快速輕松地與任一內容和數據來源建立連接。
</p>
</div>
<div class="item">
<h5>最優化的用戶體驗 </h5>
<p>
在 CMS 的用戶界面中完成對其它工具和系統的操作。通過集成的用戶界面，您可以在 CMS 的用戶界面的內容列表中直接顯示來自數據分析平臺的趨勢，或者允許創作者選擇並放置來自 CRM 的著陸頁。
</p>
</div>
<div class="item">
<h5>AI 搜索 </h5>
<p>
通過 Magnolia 搜索已連接的系統中的所有內容。根據 AI 對以往搜索模式和偏好的學習，Magnolia 會顯示熱門點擊，並對您的所有搜索結果進行排名。Magnolia 的搜索程序 「搜索欄」
是
Magnolia 的用戶界面核心，支持對所有內容進行全文搜索的強大功能，也為許多任務提供起點。
</p>
</div>
<div class="item">
<h5>自動文本分類 </h5>
<p>
內容標記由手動轉為自動，節約操作時間。使用 Amazon Comprehend 服務直接在 Pages 應用中分析和標記您的內容。這也為內容創作者提供了更精確的搜索體驗，因為可通過 Magnolia
的搜索應用程序「搜索欄」搜索上述標簽。
</p>
</div>
<div class="item">
<h5>圖像自動識別 </h5>
<p>
加快資產查找速度，提高資產管理效率。圖像自動識別功能可自動識別和標記圖像，從而降低所需工作量，提高準確性。您可以使用即裝即用的 Amazon Rekognition
服務，或者集成自己的服務，用於專門的影像功能。
</p>
</div>
<div class="item">
<h5>多站點管理 </h5>
<p>
如果您的企業擁有多個分部、特許經營機構或國家/地區辦事處，Magnolia
可幫助您對復雜的多站點架構進行管理，分享內容和頁面模版，避免重復工作。您可以創建主站點的參考副本，當您對主站點進行更改時，副本也會自動更新，而各個分部、品牌或地區辦事處則可以直接將副本全部或部分用於自己的頁面中。
</p>
</div>
<div class="item">
<h5>自動化翻譯 </h5>
<p>
自動化內容翻譯可輕松支持多種語言。Magnolia 與谷歌翻譯、微軟翻譯、Across 和 Translations.com 實現對接，讓您可以輕松使用它們的翻譯功能/服務來實現頁面本地化。
</p>
</div>
<div class="item">
<h5>並發編輯 </h5>
<p>
Magnolia 可在不丟失數據的情況下進行高速內容創作。編輯團隊成員可同時編輯頁面，查看誰正在編輯頁面，並在不離開創作界面的情況下協調所有活動。
</p>
</div>
<div class="item">
<h5>可視化版本比較 </h5>
<p>
Magnolia
可在內容發布時存儲當前版本，並創建歷史版本記錄。您可以審查已更改的內容，查看歷史版本，並在必要時還原到以前的版本。您可以比較任意兩個版本的內容。更改的內容會在頁面中以「紅線」作明確標記。
</p>
</div>
<div class="item">
<h5>定製工作流 </h5>
<p>
Magnolia 提供即裝即用的雙人審批發布工作流，並支持創建自定義工作流，所有工作流均基於熱門的 JBPM
工作流引擎實現。工作流可包含由系統執行的步驟集合以及取決於創作者、發布者或其他用戶交互的步驟。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>電商集成 </h5>
<p>
使用功能強大的前後端分離的 CMS 以及電商系統集成框架（包括連接到 commercetools、Magento、Salesforce Commerce Cloud 和 SAP Commerce
Cloud 等電商系統的預構建連接器），提供跨多個客戶交互渠道的個性化購物體驗。
</p>
</div>
<div class="item">
<h5>SPA/PWA </h5>
<p>
將單頁應用程序或基於 React、Angular 和 Vue 構建的先進的 web 應用程序作為前端，以享受前後端分離和微服務/SOA 方法帶來的諸多優勢，並利用 Magnolia
進行內容管理。Magnolia 的可視化 SPA 編輯器賦予創作者編輯所有布局和內容，並在上下文中預覽任一 SPA/PWA 體驗的自主權，如同編輯傳統網頁。
</p>
</div>
<div class="item">
<h5>Jamstack/靜態站點生成 </h5>
<p>
充分利用 Jamstack 方法的性能、安全性和 SEO 優勢。Magnolia 可視化 SPA 編輯器與靜態站點生成及 CDN/ADN 部署相兼容。
</p>
</div>
<div class="item">
<h5>線下顯示屏 </h5>
<p>
通過 Magnolia 向所有線下顯示屏（從交互式信息亭、公告牌到自動取款機）發布內容，實現物理位置上的交互式客戶體驗，提高客戶參與度，提供線上和線下的統一化體驗。
</p>
</div>
<div class="item">
<h5>VR、AR 和 MR </h5>
<p>
在 Magnolia 上管理 3D 內容，如 360 度照片和視頻、完整的 3D 模型、紋理、環境以及甚至遊戲關卡，並發布至任何 VR 或 AR 交互點。將 3D
內容與其他內容（如產品信息）相連接，以打造能夠吸引顧客的購物體驗。
</p>
</div>
<div class="item">
<h5>混合型前後端分離 </h5>
<p>
在 Magnolia 中管理內容，並在網站和所有渠道中重復使用。Magnolia 為前後端分離場景提供了完整的拉拽式編輯和預覽功能、內容個性化和分析功能以及無限製集成。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>個性化 </h5>
<p>
追蹤任何 Magnolia 接觸點上的用戶行為，使用表單輕松進行數字註冊，並集成您的客戶數據平臺以創建客戶的 360 度視圖。隨後，利用內容池和 Magnolia
的功能，讓客戶參與體驗之旅的每一環節。定義細分市場和角色，並根據用戶信息和意圖提供完全個性化的體驗。
</p>
</div>
<div class="item">
<h5>A/B/n 測試 </h5>
<p>
優化內容表現，將更多訪客轉化為客戶。Magnolia 可幫助您測試多個頁面變化，確定每個受眾群體所鐘愛的選項，還可以將表現最好的版本輕松保存在 CMS 中。
</p>
</div>
<div class="item">
<h5>分析 </h5>
<p>
追蹤內容和活動的表現，無需離開 Magnolia
界面即可查看結果。連接您需要的任何分析工具，並將多個來源的數據聚合到同一個儀表板中。選擇顯示感興趣的指標，獲取關於整個網站或特定頁面流量、參與度和轉化情況的詳細分析。
</p>
</div>
<div class="item">
<h5>SEO </h5>
<p>
通過 Magnolia 和 Siteimprove 獲取一體化 SEO 解決方案：頁面診斷、關鍵字分析和優先推薦列表，以改善技術平臺、頁面
SEO、用戶和移動體驗。通過可讀性檢查、失效鏈接和拼寫檢查來提高內容質量和用戶體驗。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==========================
Advantage Section
============================-->
<section id="advantage" class="section-bg">
<div class="container">
<header class="section-header">
<h3>產品優勢</h3>
</header>
<div class="row">
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-cloud-upload-outline" style="color: #ff689b;"></i></div>
<h4 class="title"><a>快速敏捷的發布</a></h4>
<p class="description">
現代化企業為了能適應市場激烈的競爭，因此敏捷的營銷方式對於企業越來越重要。對此Magnolia CMS為企業提供了快速完美的數字化體驗平臺解決方案，以便於營銷人員能方便快捷的應對市場變化。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-analytics-outline" style="color: #e9bf06;"></i></div>
<h4 class="title"><a>高兼容性和擴展性</a></h4>
<p class="description">
Magnolia基於模塊化系統架構和憑借現代化、靈活且高擴展性的技術棧使其具有很強的兼容性，Magnolia提供了大量的Connector以便於與市場主流的軟件集成，這也使得Magnolia能很好的應對當下和未來的各種需求。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-home-outline" style="color: #3fcdc7;"></i></div>
<h4 class="title"><a>卓越的電子商務體驗</a></h4>
<p class="description">
輕松管理並優化線上購物體驗。利用 Magnolia 為門店展示提供支持。通過 API 來獲取內容，從而為您的APP、網站、微信公眾號、SPA、PWA、IoT 應用程序、線下顯示屏或任何前端提供內容。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-personadd-outline" style="color:#41cf2e;"></i></div>
<h4 class="title"><a>個性化和優化</a></h4>
<p class="description">
以高效的方式為客戶提供個性化的瀏覽體驗，並實現營銷自動化。內容創作者和營銷人員可以通過一個直觀的用戶界面，設計、預覽並將新的內容發布到不同的線上渠道中。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-shuffle" style="color: #e9bf06;"></i></div>
<h4 class="title"><a>統一的集成</a></h4>
<p class="description">
與您的技術棧相集成，享受微服務架構帶來的諸多優勢。我們已通過基於微服務和統一 UI 的集成框架有效地將 Magnolia 與您的電子商務、數字資產管理（DAM）、營銷自動化、分析和優化工具進行集成。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-color-filter-outline" style="color:#cf2ec7;"></i></div>
<h4 class="title"><a>一流的内容管理能力</a></h4>
<p class="description">
在一個系統裏管理所有內容和數字資產，並發布到包括網站、APP和微信公眾號在內的所有線上渠道中。Magnolia 非常容易使用，內容創作者和營銷人員可通過拉拽式的創作方式來為客戶設計最佳的線上體驗。
</p>
</div>
</div>
</div>
</div>
</section><!-- #advantage -->
<!--==========================
Implementation Section
============================-->
<section id="implementation" class="wow fadeIn">
<div class="container">
<header class="section-header">
<h3>我們的服務</h3>
<p>與Magnolia團隊合作共贏，為客戶提供面向未來的解決方案</p>
</header>
<div class="row">
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #fceef3;"><i class="ion-ios-analytics-outline"
style="color: #ff689b;"></i></div>
<h4 class="title"><a href="">UX/UI</a></h4>
<p class="description">根據客戶的設計需求，完成產品的人機交互、操作邏輯、界面視覺的整體設計</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #fff0da;"><i class="ion-ios-bookmarks-outline"
style="color: #e98e06;"></i></div>
<h4 class="title"><a href="">前端開發</a></h4>
<p class="description">選擇您喜歡的前端框架，比如 React、Angular 或 Vue，100%還原設計稿</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #e6fdfc;"><i class="ion-ios-paper-outline"
style="color: #3fcdc7;"></i></div>
<h4 class="title"><a href="">輕松集成</a></h4>
<p class="description">為電商、營銷自動化、分析、數字資產管理平臺（DAM）和優化平臺提供連接器和集成框架</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #eafde7;"><i class="ion-ios-speedometer-outline"
style="color:#41cf2e;"></i></div>
<h4 class="title"><a href="">靈活部署</a></h4>
<p class="description">幫助客戶在自己企業的服務器或者如阿裏雲、騰訊雲、華為雲等雲平臺上部署</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.2s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #e1eeff;"><i class="ion-ios-world-outline"
style="color: #2282ff;"></i></div>
<h4 class="title"><a href="">內容輸入和遷移</a></h4>
<p class="description">協助客戶進行數據的抽取、轉換和裝載，完成平臺從0到1的搭建</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s"
style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.2s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #ecebff;"><i class="ion-ios-clock-outline"
style="color: #8660fe;"></i></div>
<h4 class="title"><a href="">Magnolia 培訓</a></h4>
<p class="description">可提供作者和內容編輯培訓、Magnolia Headless 訓練、網站開發人員培訓和全棧開發人員培訓</p>
</div>
</div>
</div>
</div>
</section><!-- #implementation -->
<!--==========================
Experience Section
============================-->
<section id="experience" class="section-bg">
<div class="container">
<div class="row">
<div class="col-lg-9">
<h3>Magnolia幫助企業構建量身定製的數字體驗平臺</h3>
</div>
<div class="col-lg-3">
<a href="contact.html#contact" class="btn-get-started scrollto">體驗產品</a>
</div>
</div>
</div>
</section>
</main>
<!--==========================
Footer
============================-->
<footer id="footer">
<%- include('footer'); -%>
</footer><!-- #footer -->
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->
<%- include('footlib'); -%>
</body>
</html>