您的浏览器禁用了JavaScript(一种计算机语言,用以实现您与网页的交互),请解除该禁用,或者联系我们。 [麦肯锡]:利用微前端最大化客户体验现代化的价值 - 发现报告

利用微前端最大化客户体验现代化的价值

信息技术 2025-04-24 麦肯锡 Hallam贾文强
报告封面

Micro frontends have helped companies improve productivity by 30 to 50percent—without adding capacity. How? With a clear vision informed bycustomer experience and robust governance.  ByErez Eizenman Leverages deep expertise in business technology to help clients across sectors capture digitaland technology transformation opportunities ByJake McGuire Works with clients on e-commerce technology and product development ByMcGregor Faulkner Serves global public sector and financial service institutions on digital and analyticstransformations, with a focus on ensuring organizations reach full adoption and scale. ByRohit Bhapkar Advises clients on digital transformations of their core business across a range of sectors witha deep focus in banking ByThanou Thirakul Specializes in IT modernization in the financial and public sectors April 24, 2025-This post is part of a research collaboration betweenMcKinsey and RAVL. As McKinseyhas written previously, using micro frontends—adevelopment approach that divides a frontend application into small, self-contained modules that are built and deployed independently—can allowcompanies to rapidly upgrade aspects of their customer experience (CX), creating value and enhancing performance without adding capacity (that is,additional developers). Simply put, when implemented properly, microfrontends can help companies use existing resources more efficiently andeffectively, doing more with what they already have. In fact, McKinsey research shows that many organizations that have a CX-focused strategy to guide the implementation of micro frontends haveachieved impressive outcomes, including the following: reducing the time to build and deploy a new release from days to minutes speeding up delivery by 30 to 50 percent with the same resourcesa 40 to 75 percent improvement in frontend performance as measuredby page load time1 The benefits of micro frontends are industry agnostic, as companies invarious sectors have demonstrated (Exhibit 1). Exhibit 1 Yet some companies that deploy micro frontends fail to attain theseoutcomes. What differentiates those that succeed from those whoseefforts fall short? In our experience, it’s all about strategy and governance. Setting the stage for success with aroad map and guiding principles formicro frontends Organizations that start with a clear road map reflecting customerfeedback and priority CX upgrades (aCX journey strategy) have theadvantage of knowing what they want to build. Without that clarity, eventhe best approach to building will fall short of maximizing customer impact.But when companies create a CX journey strategy and adhere to it, theydefine their financial goals and focus on CX upgrades that will help them achieve those goals. According to McKinsey analysis, companies that takethis strategic approach to modernizing their CX have increased salesconversions by about 10 to 15 percent and boosted employee engagementby 20 to 30 percent. And a micro frontend approach to development canenable a time to market that is approximately 20 to 50 percent faster thana conventional frontend approach.2 The other key ingredient in capturing the full value of micro frontends? Adeliberate focus on governance, best practices, and robust supportsystems. Transitioning from conventional to micro frontend–enabled waysof working requires organizations to adopt a development approach thatmirrors one with atrack record of success in backend microservices.Organizations that follow this approach address three operationaldimensions—efficient and effective use of existing resources, faster time tomarket, and lower maintenance costs (Exhibit 2). Getting the most out of the transition to micro frontends hinges onthoughtful planning and adherence to the model approach developed priorto launching this new way of working. Governance and leading practices Effective governance ensures consistency across micro frontends.Organizations must clearly define boundaries, establish shared designsystems, and implement automated continuous integration and continuousdeployment pipelines. Guardrails and technical alignment are essential tomaintain cohesion in a distributed system (Exhibit 3). Exhibit 3 Standardized communication anddependency management Teams must manage shared dependencies and standardize how microfrontends interact to ensure seamless performance and avoid conflicts. Performance optimization Maintaining optimal performance and reliability depends on continuousmonitoring and analytics coupled with automated testing. Cross-functional collaboration Successful adoption relies on breaking down silos and fosteringcollaboration among developers, designers, and product teams. Thisholistic approach ensures that adoption aligns with organizational CXgoals. Micro frontends, macro advantages:Postadoption gains Micro frontends empower frontend teams to work in parallel, drivingefficiency and faster innovation. Unlike standard approaches tode