2be Website
  • Vertriebskampagnen
  • Markenentwicklung
  • KI – und Prozesse – Hilfe zur Selbsthilfe
  • Veranstaltungen
  • Blog
  • Über uns
  • Referenzen
  • Karriere
  • Kontakt
  • English
  • Click to open the search input field Click to open the search input field Suche
  • Menü Menü

Schlagwortarchiv für: website

Du bist hier: Startseite1 / website

Beiträge

Joseph-Stiftung & 2be – Digitale Zusammenarbeit im Fokus

Digitale Premiere bei der Joseph-Stiftung: Geschäftsbericht als Webseite

19.09.2025/in Aktuelle News/von Katharina Zauner
4 Min.

Die Joseph-Stiftung hat ihren Geschäftsbericht 2024 erstmals nicht gedruckt oder als PDF veröffentlicht, sondern konsequent digital als Webseite umgesetzt. Damit schlägt das Unternehmen einen neuen Weg ein – zeitgemäß, flexibel und mit vielen Vorteilen für Leserinnen und Leser.

Im Gespräch mit Thomas Heuchling wird schnell klar: Hinter dieser Entscheidung steckt mehr als nur ein technischer Wandel. Es geht um Zugänglichkeit, Effizienz, Kostenersparnis und nicht zuletzt um ein modernes Erscheinungsbild. Wir haben mit ihm über Beweggründe, Herausforderungen und Chancen des neuen Formats gesprochen – und darüber, warum der digitale Geschäftsbericht für die Joseph-Stiftung kein Experiment, sondern ein klares Modell für die Zukunft ist.

2be:
Meine erste Frage an dich: Was hat euch dazu bewegt, den Geschäftsbericht diesmal als Website umzusetzen und nicht wie bisher als Print oder PDF?

Thomas Heuchling:
Zum einen, weil es zeitgemäßer ist und der Trend in unserer Branche klar in diese Richtung geht. Zum anderen war es auch eine Vorgabe des Vorstands, um als modernes Unternehmen wahrgenommen zu werden.

2be:
Welche Ziele verfolgt ihr mit dem digitalen Geschäftsbericht – intern wie extern?

Thomas Heuchling:
Intern wollen wir den Zugang erleichtern. Ein PDF herunterzuladen oder etwas auszudrucken, macht kaum noch jemand. Am Handy kurz reinzuschauen, ist viel einfacher. Extern ist es deutlich kostengünstiger: Zwar kostet auch eine Webseite Geld, aber es entfallen Druckkosten. Zudem ist der Bericht über Social Media oder die E-Mail-Signatur leicht teilbar. Ein weiterer Vorteil: Inhalte lassen sich jederzeit anpassen – sei es bei Fehlern oder kleinen Änderungen.

2be:
Wo siehst du die größten Vorteile gegenüber dem klassischen Format?

Thomas Heuchling:
Definitiv in der Flexibilität. Inhalte lassen sich einfacher aktualisieren, und die Darstellungsmöglichkeiten sind größer. Ein gedrucktes Produkt ist in Umfang und Form stark limitiert, online könnten wir theoretisch auch Videos einbinden – das haben wir diesmal nicht gemacht, bietet aber Potenzial. Mit Blick auf die Automatisierung und Datenpflege ist die Erstellung zudem effizienter.

2be:
Gab es bestimmte Anforderungen oder Wünsche innerhalb der Josef Stiftung, die Gestaltung und Struktur geprägt haben?

Thomas Heuchling:
Natürlich unser Corporate Design, das für ein konsistentes Erscheinungsbild sorgt. Darüber hinaus sind es vor allem gesetzliche Vorgaben – etwa für den Jahresabschluss oder den Nachhaltigkeitsbericht. Diese lassen wenig gestalterischen Spielraum.

2be:
Wie wichtig war dir, dass die Inhalte nicht nur informativ, sondern auch optisch spannend und benutzerfreundlich wirken?

Thomas Heuchling:
Sehr wichtig – wir wollten die Inhalte für die Leser ansprechend und interessant aufbereiten.

2be:
Welche Rolle spielen interaktive und multimediale Elemente in eurem Konzept?

Thomas Heuchling:
Noch eine zu kleine. Ich denke, wenn man den digitalen Bericht ein, zwei Jahre umgesetzt hat, kommt schnell der Punkt, an dem man mit Videos, Drohnenaufnahmen oder anderen Formaten experimentiert. Erst wenn die Pflicht erfüllt ist, kommt die Kür – und dann kann man stärker mit solchen Elementen arbeiten.

2be:
Wie haben Mitarbeiter, Partner oder andere Stakeholder auf den neuen digitalen Auftritt reagiert?

Thomas Heuchling:
Der Bericht ist noch nicht offiziell veröffentlicht, deshalb gibt es bisher nur wenig Feedback.
Intern ist die Resonanz bisher positiv. Vor allem die digitale Form wird als frisch und modern wahrgenommen.

2be:
Siehst du den digitalen Geschäftsbericht eher als einmaliges Projekt oder als Modell für die Zukunft?

Thomas Heuchling:
Definitiv als Modell. Natürlich ist die Darstellung auf dem Handy bei großen Tabellen nicht ideal – das war uns bewusst. Aber zurück zu einem rein gedruckten Bericht werden wir sicher nicht gehen. Ob in Gänze online, in Teilen oder kombiniert – digital wird der Geschäftsbericht auch künftig unser Standard sein.

2be:
Welche Tipps würdest du anderen Organisationen geben, die überlegen, ihren Geschäftsbericht ebenfalls zu digitalisieren?

Thomas Heuchling:
Man sollte von Anfang an das Thema zentrale Inhaltspflege mitdenken, um Fehler zu vermeiden – also nicht Texte in Word-Dateien rumschicken, sondern Prozesse möglichst automatisieren. Sehr hilfreich ist auch, zu Beginn mehr Zeit in eine klare Gliederung zu investieren. Wir haben da etwas improvisiert, weil es unser erstes Mal war, und mussten später nachjustieren. Besser ist es, gleich ein solides Grundgerüst zu entwickeln.

Außerdem sollte man prüfen, welche Inhalte online wirklich funktionieren. Manche Dinge – wie umfangreiche Tabellen aus dem Anhang – eignen sich nicht für die Darstellung auf einer Webseite. Die haben wir schließlich als Download angeboten. Wer das frühzeitig analysiert, kann viel sauberer und effizienter planen.

2be:
Genau, das war auch unser Learning: Gerade beim ersten digitalen Bericht braucht es viel Vorarbeit in Struktur und Planung, weil es nicht so flexibel ist wie ein Printprodukt.

Thomas Heuchling:
Ganz genau. Und es lohnt sich, am Anfang bewusst zu entscheiden, welche Inhalte digital funktionieren und welche besser ausgelagert werden. So spart man sich Umwege am Ende.

2be:
Ja, das war für uns ein spannender Prozess. Wir haben viel gelernt, es hat Spaß gemacht, und ich bin stolz, dass wir das gemeinsam so erfolgreich umgesetzt haben. Jetzt freue ich mich, dass wir online gehen können.

Thomas Heuchling:
Ich mich auch.


Neugierig geworden?

Unsere Ansprechpartner hilft gerne weiter:

Matthias Brinkmann
+49 911 47494949
brinkmann@twobe.de
LinkedIn

https://2be-markenmacher.de/wp-content/uploads/digitale-premiere-joseph-stiftung-geschaeftsbericht-website-news-2be-die-markenmacher-1.jpg 615 1400 Katharina Zauner https://2be-markenmacher.de/wp-content/uploads/logo-twobe-white-Kopie.png Katharina Zauner2025-09-19 15:57:312025-09-19 16:08:51Digitale Premiere bei der Joseph-Stiftung: Geschäftsbericht als Webseite
Mit den richtigen Tools und KI wird aus deinem Word-Dokument im Handumdrehen eine fertige Website oder Publikation

Von Word zu WordPress – So geht’s (fast) automatisch im Nachhaltigkeitsbericht!

28.02.2025/in KI – und Prozesse – Hilfe zur Selbsthilfe/von Katharina Zauner
2 Min.

Digitalisierung und Automatisierung werden heute oft synonym verwendet – nicht ganz korrekt, aber in der Praxis verschwimmen die Grenzen. Gerade in Unternehmen gehen diese beiden Prozesse oft Hand in Hand, vor allem, wenn es darum geht, Inhalte effizient zu veröffentlichen. Ob Geschäftsberichte, Nachhaltigkeitsberichte, Websites oder andere Publikationen – das Ziel ist klar: möglichst schnell und unkompliziert vom Ursprungsmaterial zur fertigen Ausgabe kommen.

Von der Datei zur fertigen Website – ohne Stress

Genau hier kommen wir ins Spiel. Wir begleiten den gesamten Prozess von A bis Z und sorgen dafür, dass nichts den reibungslosen Ablauf ausbremst. Das bedeutet für dich: Du erstellst deine Texte wie gewohnt in Word, pflegst Tabellen und Diagramme in Excel und sammelst Bilder und Videos in den passenden Formaten – den Rest übernehmen (fast) vollautomatisierte Tools! So kannst du mit nur wenigen Klicks eine fertige Publikation oder Website generieren – ganz ohne komplizierte Workflows oder technische Hürden.

Um diesen Prozess so effizient wie möglich zu gestalten, setzen wir auf innovative Tools wie Canva, MS 365 und KI-gestützte Lösungen. Diese Technologien helfen dabei, Layouts zu automatisieren, Inhalte zu optimieren und die Qualität der finalen Publikation sicherzustellen. Doch wir bieten mehr als nur technische Unterstützung: Wir sind dein Sparringspartner für die Digitalisierung und begleiten dich Schritt für Schritt auf dem Weg zu einer smarteren Arbeitsweise.

Fazit: Digitalisierung leicht gemacht

Mit den richtigen Tools und einem starken Partner an deiner Seite wird der Übergang von klassischen Dokumenten zu professionellen Publikationen und Websites zum Kinderspiel. Lass uns gemeinsam deine Workflows optimieren und den Weg zur digitalen Transformation ebnen!

Neugierig geworden?
Unsere Ansprechpartner hilft Ihnen gerne weiter:

Matthias Brinkmann

+49 (0)911 / 47 49 49 49
brinkmann@twobe.de

https://2be-markenmacher.de/wp-content/uploads/word-zu-wordpress-ki-news-2be-die-markenmacher.jpg 615 1400 Katharina Zauner https://2be-markenmacher.de/wp-content/uploads/logo-twobe-white-Kopie.png Katharina Zauner2025-02-28 15:05:152025-03-05 14:50:14Von Word zu WordPress – So geht’s (fast) automatisch im Nachhaltigkeitsbericht!

Kategorien

  • Aktuelle News (114)
  • Erfolgreich Präsentieren (8)
  • Events – Network (3)
  • Fördermittel – go-digital (12)
  • Kapital trifft Innovation (6)
  • KI – und Prozesse – Hilfe zur Selbsthilfe (69)
  • Markenweiterentwicklung (44)
  • Netzwerkveranstaltung (30)
  • SEO-Optimierung (1)
  • Unkategorisiert (1)
  • Veranstaltung (27)
  • Vertriebskampagne (30)

Suche

Search Search
  • Impressum
  • Datenschutz
  • AGB
Nach oben scrollen Nach oben scrollen Nach oben scrollen
Barrierefreiheit
Zugänglichkeitsmodi
Epilepsie abgesicherter Modus
Dämpft Farbe und entfernt Blinzeln
Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen entstehen, eliminiert wird.
Sehbehindertenmodus
Verbessert die visuelle Darstellung der Website
Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
Kognitiver Behinderungsmodus
Hilft, sich auf bestimmte Inhalte zu konzentrieren
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
Reduziert Ablenkungen und verbessert die Konzentration
Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus
Ermöglicht die Nutzung der Website mit Ihrem Screenreader
Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
Online Wörterbuch
    Lesbare Erfahrung
    Inhaltsskalierung
    Standard
    Textlupe
    Lesbare Schriftart
    Legasthenie-freundlich
    Markieren Sie Titel
    Links hervorheben
    Schriftgröße
    Standard
    Zeilenhöhe
    Standard
    Buchstaben-Abstand
    Standard
    Linksbündig
    Zentriert ausgerichtet
    Rechtsbündig
    Optisch ansprechendes Erlebnis
    Dunkler Kontrast
    Leichter Kontrast
    Einfarbig
    Hoher Kontrast
    Hohe Sättigung
    Niedrige Sättigung
    Textfarben anpassen
    Titelfarben anpassen
    Hintergrundfarben anpassen
    Einfache Orientierung
    Töne stummschalten
    Bilder ausblenden
    Emoji ausblenden
    Lesehilfe
    Animationen stoppen
    Lesemaske
    Markieren Sie Schweben
    Fokus hervorheben
    Großer dunkler Cursor
    Großer Lichtcursor
    Kognitives Lesen
    Virtuelle Tastatur
    Navigationstasten
    Sprachnavigation

    2be Website

    Accessibility Statement

    • 2be-markenmacher.de
    • 07.11.2026

    Compliance status

    We firmly believe that the internet should be available and accessible to anyone, and are committed to providing a website that is accessible to the widest possible audience, regardless of circumstance and ability.

    To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to all people: blind people, people with motor impairments, visual impairment, cognitive disabilities, and more.

    This website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs.

    Additionally, the website utilizes an AI-based application that runs in the background and optimizes its accessibility level constantly. This application remediates the website’s HTML, adapts Its functionality and behavior for screen-readers used by the blind users, and for keyboard functions used by individuals with motor impairments.

    If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email

    Screen-reader and keyboard navigation

    Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various different behavioral changes, to ensure blind users visiting with screen-readers are able to read, comprehend, and enjoy the website’s functions. As soon as a user with a screen-reader enters your site, they immediately receive a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively. Here’s how our website covers some of the most important screen-reader requirements, alongside console screenshots of code examples:

    1. Screen-reader optimization: we run a background process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all the website’s images and provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image, using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.

      These adjustments are compatible with all popular screen readers, including JAWS and NVDA.

    2. Keyboard navigation optimization: The background process also adjusts the website’s HTML, and adds various behaviors using JavaScript code to make the website operable by the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio and checkbox elements using the arrow keys, and fill them in with the Spacebar or Enter key.Additionally, keyboard users will find quick-navigation and content-skip menus, available at any time by clicking Alt+1, or as the first elements of the site while navigating with the keyboard. The background process also handles triggered popups by moving the keyboard focus towards them as soon as they appear, and not allow the focus drift outside it.

      Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

    Disability profiles supported in our website

    • Epilepsy Safe Mode: this profile 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: 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: 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: 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: 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.
    • Keyboard Navigation Profile (Motor-Impaired): this profile enables motor-impaired persons to operate the website using the keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

    Additional UI, design, and readability adjustments

    1. Font adjustments – users, can increase and decrease its size, change its family (type), adjust the spacing, alignment, line height, and more.
    2. Color adjustments – users can select various color contrast profiles such as light, dark, inverted, and monochrome. Additionally, users can swap color schemes of titles, texts, and backgrounds, with over seven different coloring options.
    3. Animations – person with epilepsy can stop all running animations with the click of a button. Animations controlled by the interface include videos, GIFs, and CSS flashing transitions.
    4. Content highlighting – users can choose to emphasize important elements such as links and titles. They can also choose to highlight focused or hovered elements only.
    5. Audio muting – users with hearing devices may experience headaches or other issues due to automatic audio playing. This option lets users mute the entire website instantly.
    6. Cognitive disorders – we utilize a search engine that is linked to Wikipedia and Wiktionary, allowing people with cognitive disorders to decipher meanings of phrases, initials, slang, and others.
    7. Additional functions – we provide users the option to change cursor color and size, use a printing mode, enable a virtual keyboard, and many other functions.

    Browser and assistive technology compatibility

    We aim to support the widest array of browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers).

    Notes, comments, and feedback

    Despite our very best efforts to allow anybody to adjust the website to their needs. There may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to