Overview
The article introduces Chameleon, a global content management system (CMS) developed by Uber Engineering. It highlights how Chameleon streamlines content creation for Uber's regional teams, allowing them to publish tailored content efficiently while maintaining brand consistency across various markets.
What You'll Learn
1
How to create regionally-tailored content using Chameleon
2
Why a custom CMS can improve operational efficiency
3
How to leverage React for building interactive content blocks
Prerequisites & Requirements
- Understanding of content management systems and web development
- Familiarity with React and JavaScript(optional)
Key Questions Answered
What are the main components of Chameleon's architecture?
Chameleon's architecture consists of four key areas: storage, a generic renderer (Chameleon-Render), a web editor application (Chameleon-UI), and the Uber.com website itself. These components work together to deliver tailored content efficiently across different regions.
Why did Uber decide to build a CMS from scratch?
Uber built Chameleon from scratch to ensure seamless integration with existing tools and to provide a user-friendly interface for city teams. This approach allowed for better performance and customization compared to existing open-source solutions.
How does Chameleon support geolocalized content?
Chameleon allows operators to create regionally-tailored content and promotes local content on general Uber.com pages. For example, users in Mexico City can be directed to a specific driver guide relevant to their location.
Key Statistics & Figures
Number of Uber microsites before Chameleon
1,500
At its peak, there were as many as 1,500 Uber microsites, which created confusion and decreased efficiency.
Technologies & Tools
Some links below are affiliate links. We may earn a commission if you make a purchase.
Frontend
React
Used to build interactive content blocks and integrate them with existing components on Uber.com.
Backend
Go
The storage layer of Chameleon is handled by Louvre, which is written in Go.
Key Actionable Insights
1Utilize Chameleon to streamline content creation for regional teams, ensuring that all content is tailored to local markets.This approach not only enhances user experience but also maintains brand consistency across different regions, which is crucial for a global company like Uber.
2Leverage the capabilities of Chameleon-Render to build interactive and responsive web components.By using React for rendering, teams can ensure high performance and accessibility, which are essential for user engagement on Uber's platforms.
Common Pitfalls
1
Creating multiple microsites led to confusion and inefficiencies for users seeking official information.
This situation arose because users struggled to find consistent content, which negatively impacted Uber's brand visibility and SEO value.