Why YuLife chose React Bricks to combine editor freedom with developer control
React Bricks helps YuLife's marketing, design, and development teams collaborate seamlessly, creating on-brand pages in hours instead of days.
About YuLife
YuLife is a life insurance and wellbeing company that redefines the traditional insurance model by putting wellbeing at the heart of the product.
Through gamified daily activities, users are encouraged to improve their mental, physical, and financial wellbeing, earning YuCoin, the in-app currency, which can be spent on real-world rewards.
It's life insurance that people want to engage with: a blend of behavioural science, game mechanics, and purpose-driven design.
Founded in 2016, YuLife operates in the insurance and insurtech sector, with over 200 employees across London and remote teams. Their B2B2C model helps companies offer life insurance that actively supports employee wellbeing.
The challenge
Before adopting React Bricks, YuLife faced a familiar challenge: how to let marketing, content, and design teams iterate quickly on content, without losing control of brand consistency, UX, or performance.
YuLife's campaigns evolve quickly. Empowering teams to work autonomously, while keeping the quality bar high, was essential to reduce bottlenecks and improve time-to-market.
“Traditional headless CMS solutions gave us flexibility, but they lacked visual context for editors and introduced a disconnect between content creation and its actual presentation.”
Dan Greane
Chief Technical Officer @ YuLife
Discovery and decision
While exploring better tools for component-driven content editing, YuLife discovered React Bricks. It stood out during a technical review of headless and visual CMSs that integrate well with React. After seeing community discussions and digging into the documentation, it quickly became clear that it was addressing a real gap in the content management ecosystem
React Bricks' unique model, based on real React components as editable Bricks, meant YuLife could preserve its design system, structure, and performance, while allowing non-technical teams to build visually.
“The standout feature was the ability to visually edit content directly using our React components: no translation layer, no workarounds. It struck the right balance between developer control and editor freedom, which is rare.”
Dan Greane
Chief Technical Oficer @ YuLife
Implementation
YuLife began by migrating a few key pages, then built a library of reusable Bricks aligned with its design system. This allowed the team to scale React Bricks gradually and refine their workflow. Over time, the Brick library matured into a robust, scalable component set we could apply consistently across various pages and content types.
Now, the process is fast and collaborative:
- Marketing or PM submits a brief.
- Designers or editors assemble pages using pre-styled Bricks with brand tokens baked in.
- Editors iterate in live visual preview, checking accessibility, SEO, and analytics
- Reviewers approve and publish, with versioning and rollback.
As a result, they can publish on-brand pages in hours, consistent and scalable across locales and campaigns.
YuLife appreciated that the learning curve was minimal for their dev team. Building Bricks felt very familiar, as it closely mirrored the component-driven development they were already doing in React. The React Bricks API is relatively small and approachable, and once they established a design pattern, it was easy for their team to follow. Onboarding new developers or contributors was smooth, as the core concepts are well-aligned with modern frontend practices.
“React Bricks turned our design system into a living CMS. It's become a quiet superpower for our team.”
Amit
Senior Digital Designer @ YuLife
Results
Since adopting React Bricks, YuLife has seen clear gains in efficiency and collaboration. Marketing and content teams can now build and update pages independently, while developers focus on core product work.
The component reuse also streamlined frontend development, reducing duplication and ensuring consistency across campaigns and locales.
Another significant benefit is that developers can now concentrate on their core tasks instead of creating landing pages. They spend significantly less time on content requests and more time focused on core product development. React Bricks helped YuLife align their workflows better across departments, making them more agile and responsive.
Finally, YuLife's dev team highly values React Bricks responsive and collaborative support to ensure a successful launch.
