The value of branding (ROI): More human than you might think
In this article, we shed light on the concrete benefits that strong branding can bring to your company. With tangible facts and figures, we show how branding can increase ROI and why it is essential to address the topic today.
The value of branding: more human than you might think
Imagine if Apple had no branding. No iconic commercials, no clear messages, no consistent design language, no Steve Jobs turtleneck genius image, no LSD garage origin story. Perhaps Apple today would be just another tech company that gets lost in the crowd despite its progressive ideas. Instead, through consistent branding, Apple has created a unique identity that goes far beyond products. It has become a symbol of innovation and lifestyle. And it means something to the people who use the products and recommend them to others.
We see: Branding has the power to create a special value that is much more human than you would expect from all the mission and vision statements in offices. But we’ll get to that later.
In this article, we shed light on the concrete benefits that strong branding can bring to your company. You will learn why it is an investment that pays off in the long term and which steps – from strategy to conception to rollout – are crucial. With tangible facts and figures, we show how branding can increase ROI and why it is essential to address the topic today.
Getting lost in the crowd
Drowning in the masses? Doesn’t sound great for anyone, but is it…well really doom and gloom. We live in an age where people are addicted to social media and our attention spans are dwindling as the search for the next dopamine rush increases. Let’s be honest, it’s hard for anyone to stand out, whether in the music business, in any content creation, even in the dating market or even as a business. The choice is simply gigantic and overwhelming. It’s not enough to say how great your brand is – you need a strategy. A brand strategy. A foundation and at the same time a lookout tower to get clear: What does the brand want to be and where does the brand want to go? How do you stay visible? How do you perhaps become visible in the first place?
Branding vs. marketing
Branding and marketing are often confused. Briefly explained from our point of view (let’s stick with the building metaphor): Branding is the foundation on which marketing can be built. Without strong branding, marketing is like a house without a foundation: it lacks any stability. Branding is crucial for shaping the image and reputation of a company or product, and it does so on several levels. It is a future-oriented process that builds a real and strong identity. Marketing focuses on increasing sales and attracting new customers. It can be a short-term action that aims for quick wins. The thing is: without good branding, marketing cannot be effective as there is no clear message that can be conveyed. That’s basically it.
The true value of branding
Now we come to the heart of the matter: the true value of branding. Brands like Apple and Patagonia have managed to evolve from being perceived as a mere product to a feeling and that is: Trust. Yes, the real secret of branding lies in trust. Customers turn to brands that are authentic, consistent and reach their emotional level. Trust is the invisible thread that binds people to a brand. Achieving this today is more difficult – and at the same time more important – than ever before.
A story from ther practice: Patagonia
Another prime example of strong branding is Patagonia. The brand has not only established itself as an outdoor clothing manufacturer, but also as a pioneer in environmental awareness and social responsibility and this is the famous message mentioned above. Patagonia’s branding is anchored in strong values and is evident in every communication and every product.
Patagonia focuses on authenticity and transparency. With their “Don’t Buy This Jacket” campaign, they encourage consumers to This creates trust and sets them apart from the competition. A study by Nielsen from 2015 shows that 66% of consumers are willing to pay more for sustainable brands. Patagonia cleverly capitalizes on this awareness by positioning their products as durable and environmentally friendly. Their commitment to sustainability and social justice has earned them a loyal customer base.
Investment costs and ROI of branding
Strong branding is not a cheap affair, but it is an investment that pays off. According to a study by McKinsey, companies with a strong brand image can increase their ROI by up to 20%. The investment costs for an authentic corporate identity (CI) can vary depending on company size and market, but are often in the five- to six-figure range.
The process begins with strategy development, which lays the foundation. This involves defining the brand identity and analyzing the target group. This is followed by the conception, in which visual and content elements are developed. The rollout includes the implementation of the CI in all communication channels and products. Finally, continuous maintenance and adaptation is crucial to keep the brand relevant and authentic.
The work is divided into phases: Strategy, conception, implementation, rollout and ongoing support. Each phase requires time and resources – the result is a strong brand that creates trust and ensures long-term success.
Why the investment is worthwhile
Well thought-out branding creates an emotional connection with the target group and sets a company apart from the competition. Investing in branding pays off by strengthening customer loyalty and promoting brand loyalty. Let’s take another look at Apple and Patagonia – they show that strong branding not only boosts sales, but also increases company value in the long term.
In a world where consumers are bombarded with countless brand messages on a daily basis, it is crucial to have a clear and consistent brand identity. This investment in your brand is key to staying visible in a crowded marketplace and reaching your target audience in a sustainable way. It’s the difference between a company that simply exists and one that truly lives and breathes.
Zeitgeist: Brands trust
Now we at Zeitgeist come into play. Anyone who has been able to maintain their attention span for the duration of this article now knows that good branding requires you to look deeper than it might initially appear. That you have to connect brands with a story and feelings in order to build and secure trust with the target group and within your own company. And that good branding has real value for a brand. If you want to find out more about exactly how we do this, you can read one of our related blog articles about how we work and our workshops. Or contact us right away.
This mode enables people with epilepsy to use the website safely by eliminating the risk of seizures that result from flashing or blinking animations and risky color combinations.
Visually Impaired Mode
Improves website's visuals
This mode adjusts the website for the convenience of users with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others.
Cognitive Disability Mode
Helps to focus on specific content
This mode provides different assistive options to help users with cognitive impairments such as Dyslexia, Autism, CVA, and others, to focus on the essential elements of the website more easily.
ADHD Friendly Mode
Reduces distractions and improve focus
This mode helps users with ADHD and Neurodevelopmental disorders to read, browse, and focus on the main website elements more easily while significantly reducing distractions.
Blindness Mode
Allows using the site with your screen-reader
This mode configures the website to be compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software for blind users that is installed on a computer and smartphone, and websites must be compatible with it.
Readable Experience
Content Scaling
Default
Text Magnifier
Readable Font
Dyslexia Friendly
Highlight Titles
Highlight Links
Font Sizing
Default
Line Height
Default
Letter Spacing
Default
Left Aligned
Center Aligned
Right Aligned
Visually Pleasing Experience
Dark Contrast
Light Contrast
Monochrome
High Contrast
High Saturation
Low Saturation
Adjust Text Colors
Adjust Title Colors
Adjust Background Colors
Easy Orientation
Mute Sounds
Hide Images
Hide Emoji
Reading Guide
Stop Animations
Reading Mask
Highlight Hover
Highlight Focus
Big Dark Cursor
Big Light Cursor
Cognitive Reading
Virtual Keyboard
Navigation Keys
Voice Navigation
Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Benutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an. Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren. ADHS-freundlicher Modus: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, die wichtigsten Elemente der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, während Ablenkungen deutlich reduziert werden. Blindenmodus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmleseprogramm ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird, und Websites müssen damit kompatibel sein. Tastatur-Navigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch beeinträchtigten Personen, die Website mit den Tasten Tab, Umschalt+Tab und Eingabetaste zu bedienen. Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen. Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit Anpassungen der Schriftart – Benutzer können die Größe erhöhen und verringern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr anpassen. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen. Animationen – Menschen mit Epilepsie können alle laufenden Animationen mit einem Klick auf eine Schaltfläche stoppen. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge. Hervorhebung von Inhalten – Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder mit der Maus überflogene Elemente hervorgehoben werden. Audio stummschalten – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Benutzer die gesamte Website sofort stummschalten. Kognitive Störungen – Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, sodass Menschen mit kognitiven Störungen die Bedeutung von Phrasen, Initialen, Slang und anderem entschlüsseln können. Zusätzliche Funktionen – Wir bieten Benutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen zu nutzen. Kompatibilität mit Browsern und assistiver Technologie
Wir sind bestrebt, eine möglichst breite Palette von Browsern und assistiven Technologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Nutzeranteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Bildschirmleseprogramme).
Anmerkungen, Kommentare und Feedback
Trotz unserer größten Bemühungen, es jedem zu ermöglichen, die Website an seine Bedürfnisse anzupassen, kann es sein, dass es noch Seiten oder Abschnitte gibt, die nicht vollständig barrierefrei sind, gerade barrierefrei gestaltet werden oder für deren Barrierefreiheit noch keine geeignete technische Lösung gefunden wurde. Es kann dennoch Seiten oder Abschnitte geben, die nicht vollständig barrierefrei sind, gerade barrierefrei gestaltet werden oder für deren Barrierefreiheit noch keine geeignete technologische Lösung gefunden wurde. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und einsetzen. All dies dient dazu, mit den technologischen Fortschritten Schritt zu halten und ein optimales Maß an Barrierefreiheit zu erreichen. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an office@zeitgeist.co.Erklärung zur Barrierefreiheit zeitgeist.co 6. October 2025 Konformitätsstatus
Wir sind der festen Überzeugung, dass das Internet für alle verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website anzubieten, die für ein möglichst breites Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.
Um dies zu erreichen, streben wir an, die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Ebene so streng wie möglich einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.
Diese Website nutzt verschiedene Technologien, die sie jederzeit so zugänglich wie möglich machen sollen. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und sie an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Grad der Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an Screenreader für blinde Nutzer sowie an Tastaturfunktionen für Menschen mit motorischen Beeinträchtigungen an.
Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie können die Betreiber der Website über die folgende E-Mail-Adresse kontaktieren: office@zeitgeist.co
Bildschirmleseprogramm und Tastaturnavigation
Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die mit Bildschirmleseprogrammen auf die Website zugreifen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website aufruft, wird er sofort aufgefordert, das Screenreader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen an Screenreader erfüllt, zusammen mit Konsolen-Screenshots von Code-Beispielen:
Screenreader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben bis unten lernt, um auch bei Aktualisierungen der Website eine kontinuierliche Konformität zu gewährleisten. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Beispielsweise bieten wir genaue Formularbeschriftungen, Beschreibungen für funktionsfähige Symbole (Social-Media-Symbole, Suchsymbole, Warenkorb-Symbole usw.), Validierungshinweise für Formulareingaben, Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige Beschreibung auf Basis der Bildobjekterkennung als ALT-Tag (Alternativtext) für Bilder, die nicht beschrieben sind. Außerdem extrahiert er mithilfe einer OCR-Technologie (optische Zeichenerkennung) Texte, die in das Bild eingebettet sind. Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer lediglich die Tastenkombination Alt+1 drücken. Benutzer von Screenreadern erhalten außerdem automatische Ansagen, um den Screenreader-Modus zu aktivieren, sobald sie die Website aufrufen.
Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tasten Tab und Umschalt+Tab durch die Website zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, mit den Pfeiltasten zwischen Radio- und Checkbox-Elementen zu navigieren und sie mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus stehen Tastaturbenutzern Schnellnavigations- und Inhaltsüberspringungsmenüs zur Verfügung, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur aufgerufen werden können. Der Hintergrundprozess verarbeitet auch ausgelöste Popups, indem er den Tastaturfokus auf diese verschiebt, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb davon driftet.
Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.
Auf unserer Website unterstützte Behindertenprofile Epilepsie-Sicherheitsmodus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem es das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen eliminiert.
You are currently viewing a placeholder content from Vimeo. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from YouTube. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from Facebook. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from Instagram. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from Google Maps. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from Mapbox. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from OpenStreetMap. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.
You are currently viewing a placeholder content from X. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.