L’Oréal eAcademie

开发美容行业最大的 B2B 门户

eAcademie 是一个美容行业的数字平台。 它将 1,000 名内部员工和超过 400,000 名外部用户的业务流程连接了起来。 下面是平台使用情况:

  • 培训服务使用该平台来计划和举办研讨会。
  • 销售人员在其中维护客户群并收集分析结果。
  • 美发师找到培训研讨会,进行注册,然后在线支付费用。
  • 美容沙龙的所有者和管理员会管理一个公司简介,并参与忠诚度计划。

该平台是连接 10 多个主要在线项目的数字 B2B 生态系统的一部分。

挑战:在不停止服务的情况下启动新功能

eAcademie 服务是用最少的资源创建的,因为它只面向内部员工。 与此同时,还有触达广泛受众的计划和大量积压的想法和愿望。

我们不得不重新考虑平台架构,以快速推出新功能,创建用于与数字生态系统通信的 API,并为造型师和导演开发工具。 同时,有必要提高工作的稳定性和速度,以适应预计至少 100 倍的活跃用户增长。

主要的挑战是在没有任何文档的情况下深入研究架构,了解系统中的具体业务流程,以及在不停止工作的情况下重写和添加新功能。

解决方案:敏捷开发和数据驱动的方法

Evrone 团队于 2018 年年中参与了该项目,我们将项目转移到新的基础架构中,对其进行了测试,并继续使用敏捷方法进行开发。 新的前端在 Next.js 上创建,而后端则保留在用户友好的 Ruby on Rails 上。 数据库使用了 PostgreSQL+Redis,异步任务使用了 Sidekiq。

以 Andrey Ozhigin(L'Oreal 的 B2B CRM 负责人)为代表的客户需要以最小可行形式快速启动功能,以测试假设和产品价值并获得用户的反馈。 这种灵活的方法与大公司中典型的企业产品开发非常不同。

但这种管理风格获得了回报。 例如,在 2020 年初,我们在短短 2 周内搭建了美发师在线学习平台,让他们适应封城,并使产品获得了市场的领先地位。

为了防止灵活性变成混乱,我们建立了透明的任务讨论和任务评估系统。 我们与客户一起检查日常状态,确保开发团队了解业务任务是什么,以及它更改了哪些指标或流程,只有这样,团队才能慢慢理解“理想的结果”以及可能的技术实现方式和所需的资源。

这有助于客户从各个方面审视问题,并做出明智的决策。 如果没有这种方法,就不可能找到产品开发的共同观点,也不可能为美容行业的数字营销确定最有效的解决方案。

潜心研究项目并测试平台

在我们的工作之初,测试的代码覆盖率在 50-55% 的水平,因此很难快速了解到底是哪里出了问题。 因此,找到要修复的内容花费了更多时间,因为我们必须先找到实际存在的问题。

我们将重点放在旧的部分中最重要的功能上,并通过测试提高了旧代码的覆盖率,使其达到了 75%,并使用了 API 文档。 新功能立即通过了 90-100% 的测试,因此现在我们可以更快地发现任何错误。

我们还引入了并行测试运行。 我们过去需要等待 20-30 分钟才能运行所有测试;现在只需要 7-8 分钟

迁移到新的基础架构

客户决定重新设计基础架构并更改数据中心。 因此,我们实施了“基础架构即代码”的方法。 我们编写了一个新逻辑,用于在 Ansible 中部署系统,现在在 Swarm 模式下使用 Docker,一切都可以正常工作。

这样的解决方案不适合多站点应用,但该项目只需要 2 台服务器,因此省去了 Kubernetes。 这使我们能够节省资源,并使部署变得快速、简单和可预测。

新的前端

旧的前端是用 jQuery 编写的,但它不再能够满足服务的新部分所规定的技术要求。 因此,他们决定将新功能转移到带有 React 前端的单独模块中。 这有助于消除进一步处理这些部分的复杂性。

但是,一有机会,前端就会被彻底重新设计。 它现在是 Next.js 上一个完全独立的 SPA。 新功能现在实施起来更方便、更快捷,而产品本身在所有设备上为用户运行的速度也更快。 浏览器指标也有所改进,这将改善 SEO。

技术栈的统一有助于减少新的前端开发人员进入项目所需的时间。 现在,它们都在单一的任务和工具方法的框架内运行。 如果您需要缩短截止日期或快速推出新想法,这会很有帮助。

实现 SEO 功能

2020 年初,客户决定提高 eAcademie 的可见度。 这样能扩大他们的美容电子商务营销,并为他们的美发师在线视频培训平台吸引更多新用户。 然而,提升他们的 SEO 需要进行一番努力。

首先,我们实施了一个快速解决方案 - 添加站点地图、schema.org 标记和转义模板来绕过前端限制。 于是,该服务在没有重大架构变更的情况下迅速出现在了搜索引擎中。 后来,我们在一个单独的容器中创建了 Node.js 预渲染器来处理搜索引擎请求,并以转义页面的形式摆脱了补丁解决方案。

实现 Next.js 后,我们就能够使用框架提供的方便的服务器渲染机制了。 成果很快就显现了出来:

loreal stats来源:Serpstat

扩展美容行业的平台功能

作为美容和个人护理电子商务服务,eAcademie 专为 3 种目标受众而设计:美发师、美容沙龙和客户。

  • 美发师可以注册并参加线上和线下培训,订阅邮件和通知,获得平台对培训的确认,并将他们的个人资料分享给客户。
  • 企业主或未来的企业家可以获得有关创业或美容沙龙自动化的帮助,并快速获得与 L'Oréal 品牌的合作、商业建议以及对经理和美发师的培训。
  • 潜在客户可以找到沙龙或美发师,他们的技能将由平台确认。

我们去掉了未能改进指标的功能,而引入了几个新的功能。

例如,我们开发了一个“沙龙定位器”系统。 它会要求访问用户的地理位置,并打开沙龙地图。 用户可以对搜索结果进行筛选,并立即转到所需机构的页面以注册服务。 定位器会用于合作品牌的网站,搜索所需的信息会用 Geolocation API 提取。

我们还集成了用于条形码识别的 API。 这有助于解决说明在研讨会上使用的产品的问题。 我们想用 Reaction Native 中的一款小型移动应用来做到这一点,但意识到这会创造出另一个需要支持的产品。 于是,我们转而使用了 Google Chrome 新的图像识别功能,结果证明它更快、更廉价。

此外,我们已经开始与忠诚度管理软件合作,将忠诚度计划自动化,并在活动创建功能中加入灵活的定价,以及带有折扣和优惠券的系统。 我们还集成了营销工具,例如日程安排和客户管理服务,YClients。

成果

在我们的努力下,eAcademie 获得了新的有益功能和稳定的面向化妆品市场的电子商务解决方案。 这帮助他们获得了新用户,将新用户转化为客户,并为客户提供了其他品牌的应用。 Evrone 将继续维护该产品,并提供忠诚度软件开发服务。

该服务实现了以下指标:

  • 每月访问量增长了 4 倍。
  • 可见度在俄罗斯排名第 25 位(根据 SalonLokator 的数据,该数据基于与沙龙和服务搜索相关的 120,000 个搜索查询)。
  • 成为了 2020 年排名第一的美发培训网站(根据 SalonBeauty.Tech 的数据,数据来源:SimilarWeb 上 50 个最大的美发培训网站的流量)。

我们工作成功的指标之一是客户进行的渗透测试,这是一项防止黑客渗透的测试。 检查没有发现漏洞。 审查公司只发现了一些小错误,这些错误在未来可能会导致保护工作的恶化,但我们在审查后的 48 小时内消除了这些错误。

未来的计划包括将 Rails 更新到 5.2 版,稍后更新到 6* 版。 这将简化对连接到项目的应用和外部工具的支持。 如果扩充团队,那么新的开发人员将不再需要从头开始学习平台结构。

开发类似 eAcademie 这样的大型企业应用对团队成员的工程技能和个人素质提出了挑战。 与初创公司不同,这项工作涉及深思熟虑和细致而艰苦的工作,这些工作反映在客户的业务成果中。

使用 Everyone 的优势之一是我们对客户的开放态度。 我们不喜欢“黑盒”原则,在此原则下,客户简单地给出任务,团队默默地执行任务,没有任何反馈,也不会在中间阶段检查结果。

相反,我们参与了整个工作流程:我们会与客户沟通、介绍员工并分享想法。 客户可以查看代码,查看关于花费的时间和预算的报告,并讨论任务。 我们会为客户提供详细且易于理解的信息。 例如,我们不会隐瞒低估了某些任务的事实,也不会隐瞒找到了某种更快、更廉价的解决方案。

因此,我们的客户不会担心他们会因为缺乏技术知识而付出代价或导致项目出错。 如果您也想利用我们的技术专长来增强您的产品,请填写下面的表格,我们将很快与您联系,讨论我们能够提供怎样的帮助。

我当时在寻找一个能够在内部初创公司中执行‘内部开发’职能的团队。 我需要的不仅仅是执行者,他们还必须沉浸在业务的细节中,成为其中的一部分。 在整个项目中,我(作为产品负责人)和 Evrone 团队每天都在为内部和外部客户进行产品开发。 多亏了 Evrone,我成功地在美容市场创建了最大的技术数字生态系统,这在俄罗斯和世界其他地方都是前所未有的。
Andrey Ozhigin
L’Oreal B2B 客户关系主管,ozand.ru 网站创建者
联系我们
已有项目构想?
我们一起来实现它吧
添加附件
文件必须小于 8 MB
允许的文件类型:jpg jpeg png txt rtf pdf doc docx ppt pptx
本网站受 reCAPTCHA 保护,并适用 Google 隐私政策服务条款