Engage Cros UI 开发及设计制作

项目概要

本项目旨在为 Emberpoint 株式会社推出营销自动化工具「Engage Cros」,该工具整合了该公司提供的多项现有服务。我们协助完成了该工具的 UI 开发及设计制作。

我们将打造让所有人都能直观操作的 UI 作为首要目标,并以此推进设计工作。

Engage Cros 介绍

Engage Cros 是一款低价的 MA 工具,搭载了与「Mail Publisher」相同的邮件投递引擎。「Mail Publisher」凭借可靠的安全性,已被众多大型企业、金融机构及地方政府采用。无需专业知识,任何人都能轻松上手。只需简单操作,即可执行复杂的营销策略。

Engage Cros 的亮点!

  • 极其易用的 UI
  • 业界领先的投递质量
  • 数据对接与应用不受限制,灵活便捷
  • 借助 AI,支持营销策略的制定与执行
  • 高安全性,大型企业也可放心使用

【极易上手的 UI】

在管理界面中通过拖放即可轻松设置场景。

场景设置示意图:可在任意发送时机实现自动化。对已打开邮件的用户发送不同内容的邮件;对未打开邮件的用户通过LINE重新发送首次发送的内容。可通过1个工具、1个界面实施多渠道发送。等。

无代码创建分群

不依赖现场人员的技能水平,即可灵活使用。更换负责人后,也可持续进行优化调整。

无代码创建界面示意图:可在管理界面上创建分群。目标数量一目了然。

快速掌握新功能

在管理界面中通过拖放,即可直观、轻松地实现 LINE 消息的配置。

消息创建界面示意图:可轻松选择各类文本、URL、贴图等。模板和嵌入图片也可轻松选择。

无需HTML技能即可制作邮件

内置该公司的HTML邮件制作工具“HTML Editor”,轻松创建HTML邮件。

丰富的邮件模板,支持拖放创建。轻松制作HTML邮件。

【业界领先的投递质量】

只需将原先在其他公司进行的邮件投递切换至Engage Cros,即可大幅提升可投递数量。

提升可送达数量的示例:恢复了7成错误地址(280万个地址)。可送达数量提升1.3至1.5倍(相比5年前翻倍)。可送达数量和转化率翻倍。
通过多种渠道,确实将您希望传达给客户的信息送达,进一步加强企业与客户之间的联系。
各类渠道示例:邮件、LINE、应用、短信、DM、Web接待

【无限制、灵活的数据连接与利用】

通过不受限制的灵活数据表及数据更新,以及高速的数据处理,助力您充分利用数据。

无需为追加表格/数据支付额外费用。支持实时添加表格/数据。可更新/追加的数据大小和数量不受限制。数据导入和生效也非常快速。

【助力AI驱动的营销策略制定与执行】

从客户洞察到策略执行,借助AI使面向客户的营销更加个性化。

客户数据分析:筛选互动度高/低的客户。定向投放:自动生成细分群体并推荐最优方案。营销执行:为每位客户推导出打开率较高的渠道/时段。

【大型企业也可放心使用的高安全性】

获得"P标记"与"ISO27001"认证,在安全性极高的环境中提供服务。已为大型企业、金融机构、政府机关及地方自治体等众多客户提供部署支持。

2003年,在行业中率先取得隐私标志认证。已获得 ISO/IEC 27001:2013(ISMS)认证。使用抗震措施完善的数据中心。配备可承受大批量、高速邮件发送的宽带线路。为应对线路故障,备有备用线路。采用 ID/密码认证。标准支持 SSL 加密通信。支持 IP 地址过滤。

为约三成上市企业提供支持的实绩

长期以来,主要为拥有数百万以上会员的 B2C 企业提供支持。

以在营销行业积累二十年的专业经验为基础提供支持

完全由内部团队负责,无论企业规模或合同金额如何,均提供周到的支持体系。

由内部支持团队快速响应

  • 正因为是内部团队,导入时的背景交接十分顺畅,对于疑问也能快速给出回复。
  • 已依托行业第一的邮件发送服务建立支持体系
  • 仅提供英语支持/咨询不会被转来转去

无论企业规模大小,均提供周到的支持

  • 无论贵公司规模大小,均提供支持
  • 即使在免费服务范围内,时间和次数也不设限
从导入(需求定义、数据对接等)到运营(效果测量、策略扩展等)各阶段,以及支撑这些阶段的 PM、架构师、顾问等专业团队的支持体系图
不仅提供工具,还由专属团队在各种场景中提供支持

Engage Cros 提供功能详情(部分)

涵盖数据库对接、AI/机器学习、LINE/短信等推送渠道、安全管理等多方面的功能一览

关于UI开发

传统的MA工具大多面向专业人员设计,在导入时“操作复杂”往往成为一大难题。我们与客户及开发团队反复召开会议,探讨画面结构,设计出尽可能只需直观操作即可使用的界面。在需要时,还参与功能规格的制定,同时对UI进行了梳理。

画面设计的核心在于仅通过拖放即可完成的简洁操作性。我们减少了不必要的点击和复杂步骤,构建出便于直观把握信息的布局。我们制作了原型,并提前花费时间反复验证。

制作样式指南

在应用开发中,样式指南是重要的文档之一。

Web应用程序会按阶段发布新功能,随着阶段推进,设计风格出现不一致,偏离最初规则的情况也随之增多。此外,还必须时刻应对服务用户和运营团队提出的需求。为了支持快速实现,制作样式指南是必不可少的。

样式指南的制作需要经过梳理设计元素、基于现有设计画面和规格书定义颜色代码与排版、制定行距和留白规则等多项工作。

颜色代码的样式指南示例
排版的样式指南示例

在应用开发中,根据发布排期,有时会在设计完成前就开始开发。为了让开发团队能够参照样式指南推进实现,我们搭建了相应的工作环境。

将按钮、表单、模态窗口等组件模块化。设计适用于多种使用场景的通用组件,并详细说明各组件的间距与布局指南,即使不需要重新走设计流程,也能保持统一性。

搜索框间距的样式指南示例
内容区块间距的样式指南示例

大幅减轻了反复修改和确认工作的负担,同时消除了团队内外在设计理解上的偏差。由于使用通用组件进行定义,项目结束后仍可长期活用,因此获得了很高的评价。

最后

Liberogic 通过贴合客户目标与需求的 UI 设计,支持提升业务效率并推进 DX。除本项目所涉及的 MA 工具外,我们还借助在医疗应用等广泛行业的经验,提供最合适的 UI 方案。

如果您在 UI 设计方面有任何困扰,欢迎随时与我们联系。

功能设计
Kashiwabara Corporation
界面布局
Emberpoint 株式会社、Liberogic Inc.
设计制作
Emberpoint 株式会社、Liberogic Inc.
公司名称・服务名称
Engage Cros