INDUSTRY:

MULTINATIONAL BREWING

CLIENT:

ANHEUSER-BUSCH INBEV SA/NV.

YEAR:

2021

TIMELINE

3 MONTHS

Stella Artois CA - Redesigning a Global Brand Website with CMS

Stella Artois CA - Redesigning a Global Brand Website with CMS

Stella Artois CA - Redesigning a Global Brand Website with CMS

Stella Artois is a premium, low-fermented lager with centuries of brewing tradition. This project focused on migrating the brand’s Canadian website using AB-InBev’s CMS platform, aligning it with the Da Vinci Design System to ensure global consistency and faster content rollout.

Stella Artois is a premium, low-fermented lager with centuries of brewing tradition. This project focused on migrating the brand’s Canadian website using AB-InBev’s CMS platform, aligning it with the Da Vinci Design System to ensure global consistency and faster content rollout.

Stella Artois is a premium, low-fermented lager with centuries of brewing tradition. This project focused on migrating the brand’s Canadian website using AB-InBev’s CMS platform, aligning it with the Da Vinci Design System to ensure global consistency and faster content rollout.

the challenge.

How to redesign the Stella Artois website in an easy, fast and simple way?
The core goal was to update the UI by adapting existing CMS components while delivering a modern, user-friendly experience that could scale globally.

strategy & process.

This project required a balance of global identity and local flexibility. Here's how it was approached:

  • CMS Implementation:
    Used AB-InBev’s proprietary CMS to deploy and manage components.

  • Component-Driven Redesign:
    Integrated new components from the Da Vinci Design System for a clean, standardized layout.

  • Sitemap Architecture:
    Organized sections like "Our Brand", "Watch", "Food News", and "Cultural Experiences" based on SEO best practices and content relevance.

  • Visual Consistency:
    Applied Stella Artois brand assets (fonts, colors, layout rules) to ensure a seamless visual experience across all screens.

ux principles.

• Mobile First: Prioritized layout performance and usability for mobile.

• User-Centered Design: Focused on audience behavior, content hierarchy, and ease of navigation.

• Performance-Driven UI: Ensured UI was light and conversion-optimized.

ux principles.

• Mobile First: Prioritized layout performance and usability for mobile.

• User-Centered Design: Focused on audience behavior, content hierarchy, and ease of navigation.

• Performance-Driven UI: Ensured UI was light and conversion-optimized.

ux principles.

• Mobile First: Prioritized layout performance and usability for mobile.

• User-Centered Design: Focused on audience behavior, content hierarchy, and ease of navigation.

• Performance-Driven UI: Ensured UI was light and conversion-optimized.

ui & CMS

The project was guided by the Da Vinci Design System, AB-InBev’s component library, promoting:

• Predefined UI patterns

• Responsive and scalable components

• Consistent spacing, typography, and branding

• Mobile-first mindset for higher performance

ui & CMS

The project was guided by the Da Vinci Design System, AB-InBev’s component library, promoting:

• Predefined UI patterns

• Responsive and scalable components

• Consistent spacing, typography, and branding

• Mobile-first mindset for higher performance

ui & CMS

The project was guided by the Da Vinci Design System, AB-InBev’s component library, promoting:

• Predefined UI patterns

• Responsive and scalable components

• Consistent spacing, typography, and branding

• Mobile-first mindset for higher performance

The system also supported A/B testing flexibility and localization, giving Canadian stakeholders autonomy without straying from global visual identity
The system also supported A/B testing flexibility and localization, giving Canadian stakeholders autonomy without straying from global visual identity
The system also supported A/B testing flexibility and localization, giving Canadian stakeholders autonomy without straying from global visual identity
assets & brand identity.

The redesign leveraged a robust asset pack including:

Logo variations

Brand guidelines

Content tone alignment

Custom illustrations and moodboards for lifestyle storytelling

assets & brand identity.

The redesign leveraged a robust asset pack including:

Logo variations

Brand guidelines

Content tone alignment

Custom illustrations and moodboards for lifestyle storytelling

assets & brand identity.

The redesign leveraged a robust asset pack including:

Logo variations

Brand guidelines

Content tone alignment

Custom illustrations and moodboards for lifestyle storytelling

takeaways.

Fast rollout thanks to CMS components

Strong visual identity aligned to brand heritage

Easier content updates via templated layouts

Local team empowered with flexibility within a scalable structure

takeaways.

Fast rollout thanks to CMS components

Strong visual identity aligned to brand heritage

Easier content updates via templated layouts

Local team empowered with flexibility within a scalable structure

takeaways.

Fast rollout thanks to CMS components

Strong visual identity aligned to brand heritage

Easier content updates via templated layouts

Local team empowered with flexibility within a scalable structure

simplicity & consistency.

By leveraging the AB-InBev CMS and Da Vinci Design System, we ensured consistency across markets without compromising on local flexibility or user experience. The result is a streamlined, mobile-first interface that honors Stella’s heritage while embracing modern performance and design standards.

simplicity & consistency.

By leveraging the AB-InBev CMS and Da Vinci Design System, we ensured consistency across markets without compromising on local flexibility or user experience. The result is a streamlined, mobile-first interface that honors Stella’s heritage while embracing modern performance and design standards.

+43 670 400 6306
camaralarissa22@gmail.com

+43 670 400 6306
camaralarissa22@gmail.com