A BOLA
DIGITALIZING A NATIONAL HERITAGE
About A Bola
In Portugal, A Bola is more than a sports newspaper – it’s a national treasure. Since its founding in 1945, the brand has become one of the country’s most significant heritage brands. It’s the journalistic authority that connects generations of sports enthusiasts and shapes Portugal’s cultural identity far beyond the playing field. It is published daily in print format.
A brand with nearly 80 years of history demands more than just a new interface for its digital transformation. It demands depth, respect for its heritage, and the strategic vision to translate that tradition into a modern, global design language.
The Challenge
Reimagining a National Icon in Real-Time As brands evolve, they often lose their North Star. Strategy, product, and brand experience drift apart. For A Bola, a cornerstone of Portuguese sports journalism, the transition from print to digital had diluted its visual soul. I was commissioned by the Swiss media group Ringier to step in. My task was not merely to adapt a legacy brand, but to reimagine and develop its digital Corporate Design from the ground up.
Understanding the Soul and Heritage before the Pixel
To design for a Portuguese institution, one must understand its people. I approached this project with the “Calm Authority” that defines my work – approaching the heritage with deep respect, yet having the courage to deconstruct it. I began learning Portuguese and spent time engaging with locals to grasp what A Bola truly means to the culture. In the spirit of Dieter Rams, I sought to remove the “noise” and return to the “essence.”
The Challenge
Reimagining a National Icon in Real-Time As brands evolve, they often lose their North Star. Strategy, product, and brand experience drift apart. For A Bola, a cornerstone of Portuguese sports journalism, the transition from print to digital had diluted its visual soul. I was commissioned by the Swiss media group Ringier to step in. My task was not merely to adapt a legacy brand, but to reimagine and develop its digital Corporate Design from the ground up.
Understanding the Soul and Heritage before the Pixel
To design for a Portuguese institution, one must understand its people. I approached this project with the “Calm Authority” that defines my work – approaching the heritage with deep respect, yet having the courage to deconstruct it. I began learning Portuguese and spent time engaging with locals to grasp what A Bola truly means to the culture. In the spirit of Dieter Rams, I sought to remove the “noise” and return to the “essence.”
Client:
– Ringier Sports Media Group
– A Bola
My Role:
Freelance Creative Director and Digital Product Designer.
01
THE CORPORATE DESIGN
Including website – OOH – social channels
The Philosophy
Contrary to my usual minimalist restraint, I decided that A Bola needed to stand tall. The brand’s signature red and yellow reflect the intensity of the Portuguese sun and the raw passion of its fans. My goal was to display this confidence without ever appearing “cheap.”
“I believe that a Corporate Design should never be developed in a vacuum.”
Freelance Creative & Art Director Christoph Gey
Visual Architecture
Capturing Motion and Restraint: Sport is motion. To reflect the inherent dynamism of the athletic world, I implemented strong diagonal axes across the design system. These diagonals break the static digital grid, introducing a natural, forward-driving momentum that aligns with the speed of the news cycle and the games themselves.
To maintain order within this dynamic environment, I engineered the layouts using a strict three-tier spatial architecture. This triad is not merely aesthetic; it conceptually mirrors the lifecycle of an athletic event:
The Background (The Warm-up)
Solid brand colors infused with subtle patterns, setting the psychological stage and preparing the canvas.
The Midground (The Performance)
The core of the layout. This is where the actual “event” takes place – crisp typography, impactful imagery, and the primary journalistic information.
The Foreground (The Cooldown)
Deliberate accents, floating icons, and refined pattern echoes that add spatial depth without demanding attention.
The Background (The Warm-up)
Solid brand colors infused with subtle patterns, setting the psychological stage and preparing the canvas.
The Midground (The Performance)
The core of the layout. This is where the actual “event” takes place – crisp typography, impactful imagery, and the primary journalistic information.
The Foreground (The Cooldown)
Deliberate accents, floating icons, and refined pattern echoes that add spatial depth without demanding attention.
Soccer
Volleyball
Tennis
Motorcycle
Indoor Soccer
Handball
Formula 1
Cycling
Basketball
Athletics
Design in real environments
It must be tested against the rigors of real-world application to ensure it truly functions. Consequently, I reimagined the brand identity in parallel with a comprehensive refresh of abola.pt, a distinctive social media aesthetic, and a high-impact Out-of-Home (OOH) campaign. All these elements were fully implemented, proving that the new visual language could meet every technical and emotional demand.
The Challenge of Calibration
The true challenge lay in restraint. The A Bola brand is naturally loud, vibrant, and passionate, but the interface could not become a distraction. Visual noise destroys usability. The design had to carry the brand’s heavy energy while remaining entirely subservient to the content. I carefully calibrated the visual volume to ensure that the user’s cognitive focus was never disrupted. The design steps back so the journalism can step forward. Form, ultimately, must serve the intake of information.
02
THE “VIBE CODING” APP
From Strategy to the Portuguese Newsroom
The success of the initial brand and web rollout was so profound that Ringier invited me to Portugal to lead the graphical and strategic creation of the new mobile app. In a high-intensity environment, I was solely responsible for the visual execution of a “Multi-Sport, Multi-League” approach. The core architecture was designed within a week, utilizing a high-velocity “Vibe Coding” workflow. I ensured the app felt focused and “pixel-perfect,” maintaining a strict symbiosis between the newly established corporate design and complex functional requirements like live tickers and automated story cards.
Chromatic Integrity & Legibility
The vibrant red and yellow of the A Bola palette are powerful, but they present unique challenges for visual impairment. I meticulously calibrated color combinations and contrast ratios to ensure that the intensity of the brand never compromised the legibility of the information.
Fluid Typography
In a news-heavy environment, typography must be elastic. I engineered the layout to remain structurally sound even when users significantly increase system font sizes. The interface scales gracefully, ensuring that clarity remains intact for users with varying visual needs.
System-Level Adaptability
The app was designed to respect and enhance system-level accessibility settings. Whether a user activates high-contrast modes or reduces motion, the UI remains functional and aesthetically consistent.
System-Level Adaptability
The app was designed to respect and enhance system-level accessibility settings. Whether a user activates high-contrast modes or reduces motion, the UI remains functional and aesthetically consistent.
Cultural Intelligence and Adaptive Layouts (Future)
As A Bola prepares for international expansion, the digital architecture had to be engineered for radical adaptability. Strategic design at this level moves beyond mere translation; it requires deep localization and cultural empathy. I prepared the framework to accommodate diverse global markets with vastly different requirements:
Cultural Nuance (Japan)
For the Japanese market, the design system accounts for local sensitivities such as tetraphobia (the avoidance of the number four, which is phonetically linked to “death.”) This requires a flexible approach to rankings, lists, and numerical displays to ensure the brand remains respectful and harmonious within the local context.
Japan
For the Japanese market, the design system accounts for local sensitivities such as tetraphobia (the avoidance of the number four, which is phonetically linked to “death.”) This requires a flexible approach to rankings, lists, and numerical displays to ensure the brand remains respectful and harmonious within the local context.
Technical Logic (Arabic/RTL)
To support Arabic-speaking markets, the entire interface was designed to be “RTL-ready” (Right-to-Left). This involves more than just flipping text; it requires a comprehensive mirroring of the UI logic, navigation patterns, and visual hierarchy to provide a natural and intuitive user experience for RTL readers.
Arabic (RTL)
To support Arabic-speaking markets, the entire interface was designed to be “RTL-ready” (Right-to-Left). This involves more than just flipping text; it requires a comprehensive mirroring of the UI logic, navigation patterns, and visual hierarchy to provide a natural and intuitive user experience for RTL readers.
By anticipating these global complexities during the foundational phase, I ensured that the product is not just a Portuguese sports app, but a future-proof global platform. It is built to scale across borders without losing its structural integrity or its “pixel-perfect” precision.
03
THE RESULT
A Symbiosis of Portuguese Passion and Swiss Precision
Working at the intersection of German design heritage and Swiss standards of functional perfection, I provided the visual direction and strategic framework that the Ringier team then technically realized. This cross-cultural collaboration ensured that the result was not just decoration, but a resilient, professional infrastructure. As Stefan Sagmeister noted, “Beauty is an integral part of what truly works.”
An Ongoing Strategic Partnership The app and the redesigned digital presence were met with overwhelming acclaim from both the client and the fans. This project proves my core conviction: Brands with depth demand more than decoration. Due to the exceptional satisfaction with these results and the seamless integration of my work into their ecosystem, Ringier continues to commission my services for ongoing and future projects. We are currently expanding the A Bola universe (integrating new technical developments and languages) to ensure the fan remains as close to the sport as possible.
6m+
Engaged fans per month
