Skip to content
bp
bp
bp

Creating a dynamic and accessible timeline experience

bp

Challenge

Balancing legacy with vision

bp sought to transform its existing history timeline into a dynamic and engaging experience that not only showcased its heritage but also aligned with its future-looking business strategy and its role in shaping the future of energy.

The goal was to create an engaging, interactive timeline that brought together key milestones, events, innovations and stories in a way that was both informative and visually compelling. It also had to be measurable, easy to manage within the Contenful CMS, and meet accessibility, security and governance standards.

The bp timeline designs on different devices
Board showing the ideation phase
bp timeline early sketches

Insight

Shaping the storytelling vision

Through in-depth user research, collaborating with key bp stakeholders and testing of both the existing timeline and competitor experiences, we uncovered insights that shaped the final direction.

• Users expressed a clear desire for customisable experiences that adapted to their individual preferences and reading styles

• A linear timeline would not be sufficient for the depth and breadth of stories bp wanted to tell

• The experience had to work as both a storytelling tool and a reference resource, with users looking for more than corporate history – they wanted to understand bp’s impact through moments of cultural, social and global relevance

These findings underscored the importance of exploring creative solutions that could flexibly support diverse user needs while maintaining rich editorial value. Helping to shape a user experience that balanced depth, clarity and discovery in an engaging format across different devices.

bp timeline design shown on a mobile device
bp timeline design shown on laptop device
bp timeline design shown on mobile device

Solution

Modular design for maximum flexibility

We designed and delivered an immersive, scrollable digital timeline that allows users to explore bp’s history by decade, theme and milestone. Key features included:

• A dynamic, visually rich interface that brings together images, video, text and archival material

• A flexible taxonomy that enables exploration by time period or topic (e.g. sustainability, innovation, global expansion)

• Clear editorial structuring to keep the narrative focused and accessible

• Built-in CMS tools for the bp team to continue adding to the timeline over time

• Full accessibility and mobile responsiveness to ensure inclusivity across all audiences

Throughout, we maintained a careful balance of brand storytelling, factual accuracy and design integrity.

bp timeline design shown on tablet device

Result

Where innovation meets legacy

The final product delivered a rich and immersive timeline experience that both honoured bp’s legacy and supported its strategic future. The modular design and integration with Contentful provided a flexible, scalable solution that could be reused for a variety of content applications across the site. By maintaining the editorial integrity previously recognised and significantly enhancing usability and accessibility, we ensured the experience would be meaningful and engaging to all identified user groups.
 
This project reflects how strategic design, technical innovation, and user-centred thinking came together to create a digital experience that is both future-ready and deeply respectful of bp’s past, setting a benchmark internally for how the brand can present complex stories in a modern, engaging and user-friendly way.

Cookies

By clicking "Allow Cookies", you agree to the storing of cookies on your device to enhance site navigation, analyse site usage, and assist in our marketing efforts. By using this site you are agreeing to ourCookie Policy.