100

buergerstiftung-spk-gi.de

  • 2021 - heute
  • CMS CSS3 HTML5 Javascript MODX MySQL / SQL PHP Webentwicklung Gemeinnützig NGO Öffentliche Förderung Stiftung Stiftungssektor

Digitale Plattform für die Bürgerstiftung

Konzeption, CI-konformes Webdesign und technische Realisierung einer barrierefreien Stiftungsplattform auf Basis des CMS MODX – inklusive BFSG-konformer Skip-Navigation.

( Über das Projekt )

Digitale Heimat für regionales Engagement und stifterische Verantwortung

Das Projekt umfasste die Neukonzeption und technische Umsetzung einer modernen, vertrauenswürdigen Webpräsenz für die Bürgerstiftung der Sparkasse Gießen.

Ziel des Projekts war es, die vielfältigen Förderprojekte transparent darzustellen und potenziellen Stiftern einen einfachen, barrierefreien Zugang zu Engagement-Möglichkeiten und Stiftungsfonds zu bieten.

In enger Abstimmung mit den Gremien der Stiftung und der Sparkasse wurde das Webdesign exakt an das offizielle Sparkassen-CI angepasst.

Die harmonische Integration der Markenfarben, Typografie und visuellen Richtlinien garantiert einen professionellen, institutionellen Auftritt, der sofort maximales Vertrauen bei Bürgern und Stiftern schafft. 

Um den aktuellen gesetzlichen Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) vollumfänglich gerecht zu werden, wurde die Plattform zudem gezielt mit einer unsichtbaren Skip-Navigation (Skip Links) für Screenreader und Tastatur-Nutzer nachgerüstet.

In Zusammenarbeit mit:

Eingespielte Synergien aus Konzeption und Core-Entwicklung.

Dieses Projekt entstand im Rahmen meiner langjährigen, exklusiven Kooperation mit der DS Deutsche Stiftungsagentur GmbH. Durch die tiefe Verflechtung unserer Workflows reduzieren wir Reibungsverluste auf ein Minimum: Während die Agentur die stiftungsrechtliche und strategische Konzeption leitet, übersetze ich diese Anforderungen eins zu eins in maßgeschneiderte, plugin-freie und barrierefreie digitale Plattformen im MODX-Core. Technologische Betreuung auf Augenhöhe – seit über einem Jahrzehnt.

( Geräte )
smartphone
smartphone quer
smartphone
smartphone
tablet
tablet quer
tablet
tablet
computer
computer
monitor
monitor
( Tech-Stack )
Bootstrap
CSS3
HTML5
JavaScript
jQuery
MODX
MySQL
PHP

User Journey als Loop

Geführter Navigations-Rundgang

Hier werden drei logisch aufeinanderfolgende Seitenbereiche im flüssigen Loop abgefahren. Das Format führt die Informations-Hierarchie und die saubere Inhaltstrennung der Plattform plastisch vor Augen – technisches Handwerk, direkt im Browser-Schnitt inszeniert.

Design & UX

Sparkassen-CI-Integration

Punktgenaue Umsetzung der offiziellen Markenrichtlinien (Farben, Fonts, Abstände) für ein nahtloses Markenerlebnis der Sparkassen-Finanzgruppe.

Emotionale Bildsprache

Strategischer Einsatz von großflächigen Bannern und News-Teasern zur authentischen Vermittlung regionaler Werte und sozialer Verantwortung.

Klare Informationsarchitektur

Strukturierte, klar segmentierte Menüführung für die Kernbereiche Stiftungsorgane, Förderschwerpunkte und unkomplizierte Spendenwege.

Seriöse Darstellung

Professionelles Erscheinungsbild, das die Glaubwürdigkeit der Stiftungsarbeit und die professionelle Verwaltung durch die DS Deutsche Stiftungsagentur unterstreicht.

Fully Responsive

Optimale Darstellung auf allen Endgeräten – von Smartphone bis Desktop – für uneingeschränkte Zugänglichkeit der Stiftungsinformationen.

Funktionalitäten & Engagement

Stiftungsinformationen

Umfassende Informationen über das Konzept der Bürgerstiftung, Vorteile der Stiftungsgründung und professionelle Verwaltung durch DS Deutsche Stiftungsagentur GmbH.

Projekt-Showcase

Flexibles News- und Teaser-System zur prominenten Platzierung und kontinuierlichen Aktualisierung geförderter Institutionen.

Digitale Stiftungsberatung

Übersichtliche Aufbereitung komplexer Stiftungsthemen wie Satzungsinformationen, Vorteilsargumentation und Errichtungs-Leitfäden.

Förderprojekt-Übersicht

Strukturierte Präsentation geförderter Projekte in Stadt und Landkreis Gießen zur Transparenz und Inspiration für potenzielle Stifter.

Kontakt & Downloads

Direkte Kontaktmöglichkeiten und Download-Bereich für wichtige Dokumente zur effizienten Kommunikation und Informationsbeschaffung.

Technische Umsetzung & Barrierefreiheit

BFSG Skip-Navigation

Technische Nachrüstung unsichtbarer Tastatur-Sprungmarken (Skip Links) zum direkten Überspringen der Navigation direkt in den Hauptinhalt.

MODX Content Management

Effiziente Umsetzung auf Basis einer Agenturvorlage mit kundenspezifischen Anpassungen für die Anforderungen der Bürgerstiftung.

Standard Web-Stack

HTML5, CSS3 und JavaScript für moderne, performante und browserübergreifend kompatible Frontend-Implementierung.

Performance & Barrierefreiheit

Schnelle Ladezeiten und gute Zugänglichkeit für eine positive Nutzererfahrung auf allen Geräten und für alle Besuchergruppen.

Barrierefreiheit & Standard

Fokus auf sauberen, semantischen HTML5-Code zur Optimierung von Ladezeiten, SEO und zur Gewährleistung digitaler Barrierefreiheit.

📈 Projektergebnis & Fazit

Mit der neuen Plattform der Bürgerstiftung Gießen wurde das CMS MODX erfolgreich genutzt, um ein anspruchsvolles Corporate Design der Sparkassen-Welt in ein lebendiges, flexibles Webprojekt zu übersetzen.

Die Plattform meistert den Spagat zwischen strikten CI-Vorgaben und einer modernen, einladenden Benutzeroberfläche.

Dank der intuitiven Content-Struktur können neue Förderprojekte und News im Handumdrehen publiziert werden, was die administrative Arbeit im Stiftungsalltag massiv reduziert und die Sichtbarkeit des regionalen Engagements nachhaltig stärkt.

Interface & UX-Struktur / Layout-Matrix / Responsive Design
Plattform im Live-Betrieb / System-Härtung Aktiv / Ausfallsicher
Nächster Schritt

Sie suchen einen Entwickler, der bestehende Designs kompromisslos stabil in ein update-sicheres CMS übersetzt?
Lassen Sie uns starten.

  1. 01 Gespräch 30 Min, unverbindlich
  2. 02 Angebot klarer Scope & Aufwand
  3. 03 Start saubere Umsetzung