SaaS公司市场部用明道云灵活同步网页前后端数据

背景

明道云自正式转型做APaaS应用以来,通过多年耕耘,积累了超过1000家客户。同时,随着今年疫情中企业对数字化系统的需求愈发迫切,我们意识到:

一方面,我们需要将成功的客户经验案例整合发布,让考虑用APaaS搭建企业管理系统的企业管理者有更清晰、丰富的参考信息,增强采用明道云产品的信心。另一方面,明道云伙伴兼备零代码应用搭建技能和垂直行业管理经验,是提供各行业中数字化管理方案的最佳人选,因此我们应大力支持其拓业在前端营销宣传上给予更多资源。因此,今年9月份,明道云市场部正式启动官网案例库和伙伴页开发的项目。

难点突破

传统的网页开发存在一个问题:网页数据都存储在服务器上,如果需要对其中的内容做修改,只能提研发任务,让技术人员修改代码。有时候,如果研发部工作繁多的话,这一修改任务可能会拖上一个多月,效率十分低下。

为了打破网页数据运维效率低下的通病,我们决定借助明道云本身灵活、支持对外链接的功能特性,搭建出实现后端数据实时前端化的网页和数据应用。这意味着,我们的市场部同事只需要在后台数据应用中修改数据信息,网页上的对应内容就会立刻同步更新。像电商、多源数据整合软件厂商等行业,都可以采用这种方式高效管理前端页面和后端数据。

这玩意儿一听上去很高大上,但其实技术并不复杂。只需要在明道云上建立一个“官网后台数据管理”应用,配置好字段,再由研发人员根据系统自动提供的API接口,写入网页代码上即可。

开发流程

1.前期规划

项目前期,我们花了大概一个月的时间,调研国内外知名软件厂商的官网案例库和伙伴中心,设计出网页效果图和最终的开发原型图。

市场部编写的网页调研文档

市场部设计的第一稿网页界面设计图(局部)

设计初稿通过后,需要先经研发评估,这包括:

  • 设计图中每一个版块要用什么功能实现
  • 建议用什么交互效果来呈现是最佳的
  • 哪些信息建议去除或补充
  • 每个页面之间的逻辑和跳转关系是什么
  • 板块与板块之间是否由冲突、重复或不融洽……

研发评估过后,市场部都会根据建议修改设计稿。这一环节大概反复了3次,最终精雕细琢出开发原型图。

2.信息传递的流程设计

要知道,案例库和伙伴名录的信息是在销售环节中,销售顾问成交客户和签约伙伴时产出的信息。因此,“官网后台数据管理”需要与销售和伙伴管理应用的数据互联互通——以销售顾问成交订单、签下伙伴的动作为触发点,让系统自动生成案例库或伙伴记录,再交由顾问或伙伴完善信息后上架。

同理,后期的网页运维中,有任何数据需要更新、下架,都需要提前设计好“官网后台数据管理”应用和相关应用之间的数据更新流程。

3.后台配置

敲定前端设计后,后端配置便推进得更容易一些了。这次的应用配置主要是表单、视图、工作流三大部分的配置。工作流是根据上一步的流程设计来设置,因此以下不重复介绍。

表单:我们只需根据前端需要的信息,配置相应的字段。值得一提的是,为了让“官网后台数据管理”应用与数据关联应用的信息保持一致,便于维护,我们使用新功能“选项集”来维护行业、场景、所在地字段。管理员只需在选项集界面编辑选项,所有动用到该选项集的工作表对应字段都会同步更新选项。比使用关联表来统一维护信息的好处是,网页服务器在获取数据库信息时运行速度更快,给访客带来更优的交互体验。

视图:对于每个工作表,我们都设置了“全部”和“发布中”两个视图,让网页服务器获取“发布中”视图中的信息。由此,网页管理员在维护数据时,可以在自由控制数据前端显隐、展示优先次序的同时,保留当前暂不需要上架的数据,保证数据管理的完整性

4.前端开发与对接

应用配置的同时,网页研发人员就已经根据开发原型图开发出基本的网页框架。待应用配置大体完成后,她只需在应用里打开API开发文档,获取接口ID,即可将数据接入网页,放到对应的网页位置里。

5.效果优化

完成数据录入、网页开发、数据接口打通的步骤后,整个项目还没有结束。研发部、市场部和CEO会一起仔细过一次所有网页,将交互体验不够流畅、信息表达不全、视觉效果不佳的地方全部抓出来,敲定解决方案,再优化。

我们将每个伙伴详情介绍页都赋予了友好命名的网址,访客可以透过网址来辨别伙伴名称,伙伴可以将该网址当成公司的“小官网”,直接面向客户推送

对于暂时没上架项目经验或解决方案的伙伴,我们将这两个版块从伙伴详情页中隐去,提高网页信息简洁度

我们优化了伙伴名录、伙伴解决方案库和案例库的筛选器交互体验,访客们用得更舒服。

复盘经验

希望这篇文章对正在寻求敏捷开发网页、想用零代码实现前后端数据交互的读者有所启发。最后,我们复盘了本次项目的开发经验:

  • 先积累内容,再建出房子:网页建得再好,没有内容的话就是一个空架子。所以,无论是案例、伙伴的规模,还是营销上的多媒体素材,都需要准备好。有了充实的内容支撑后,再构建网页。
  • 注重内容质量:承接上一点,内容量虽重要,但也不可以忽视质量。新网页上线的第二天,我们就下架了伙伴名录,原因是部分伙伴的公司介绍和专家信息仍未准备好,内容质量参差不齐。“你觉得用户如果看到这样的介绍,岂不是莫名其妙吗?”CEO Phil当时说了这段话,“我们好不容易做出了高质量的伙伴官网框架,一定不要成为花架子。丰富和有说服力的内容才是关键。”我们用了三天时间,让销售顾问们协助伙伴尽快完善信息。四天后,伙伴名录页重新上线,36家伙伴的信息完整上架。
  • 大局观,立足长远:虽然目前网页开发的项目已完成,但是我们知道这还只是起步。每一个网页运维的环节,都会随着伙伴规模、案例数量的增加而产生新的运维问题。例如当我们拥有了100、1000个伙伴的时候,应该如何逐步开放网页运维的权限给伙伴,让伙伴信息的维护更直接、高效、低成本。目前我们制定了初步的升级路线图,当这些问题真的来临时,就可结合实际情况调整路线图,进行迭代升级。

用自定义页面可视化统计当前官网数据

网页搭建只是第一步,内容持续运营、注入才是漫漫征途。我们有信心,综合伙伴与顾问们的意见,采取最高效流畅的网页内容运营办法,在2021年里丰富案例库和伙伴板块的内容,以呈现明道云的最佳产品实力和成功商业模式!

进一步了解

关于HAP

HAP(Hyper Application Platform)超级应用平台可以帮助用户零代码构建企业应用,用户不需要代码开发就能够搭建出用户体验上佳的销售、运营、人事、采购等核心业务应用,打通企业内部数据。HAP还具备超自动化引擎,可以全面自动化复杂和重复的业务流程。运用HAP的集成中心与完整的API对接能力,用户可以轻松地将HAP与外部系统集成。除此之外,HAP还具备很高的可组合性,国际化支持,并支持云原生架构,实现了多云部署能力。通过插件架构,HAP正在逐步建立起繁荣的实施与开发生态。

HAP可以帮助企业大大节省软件费用、降低定制开发的成本和时间,拥有一个极度灵活和易用的数字化平台,是企业数字化建设的重要工具。目前已有上百万用户使用,付费企业超过4000家,包括可口可乐、复星集团、广汽本田、赛力斯汽车、中国移动、中石化、中铁集团、银鹭食品、民生银行、迪卡侬、艾默生电气、泰科电子、四川航空、东方证券、洲际酒店、科大讯飞、柳工集团、沃尔玛、中国烟草、三菱银行等知名客户。

2021年5月,明道云获得海纳亚洲近亿元投资。公司目前有超过130名员工,产品研发团队过半,总部位于上海漕河泾开发区,在北京、广州、深圳、成都、郑州、武汉、西安和宁波设有分支机构。公司为高新技术企业,上海市专新特精认定企业。