SDG 16: Frieden, Gerechtigkeit und starke Institutionen
SDG 11: Nachhaltige Städte und Gemeinden

Hallo Bundestag

Eine Neos CMS Webseite für die Stärkung der repräsentativen Demokratie in Deutschland

Hallo Bundestag Logo

Das Projekt

"Gewählt. Gelost. Gemeinsam.
 Wahlkreisräte für die Demokratie."

Hallo Bundestag setzt sich für eine repräsentative, menschennahe Demokratie in Deutschland ein. Dabei sind Staatsbürgerschaft und Wahlrecht nicht entscheidend, sondern dass Menschen, die in einem Wahlkreis leben, miteinander ins Gespräch kommen. Dabei diskutieren zufällig ausgeloste Menschen ab 12 Jahren gemeinsam über aktuelle bundespolitische Themen. Als Grundlage für die Diskussion wird wissenschaftlich geprüftes Informationsmaterial und eine professionelle Moderation zur Verfügung gestellt. Ihre Diskussionsergebnisse stellen die Teilnehmer:innen des Wahlkreistages der bzw. dem Bundestagsabgeordneten ihres Wahlkreises vor. Der bzw. die Bundestagsabgeordnete bekommt so einen direkten Einblick in die Stimmung der Bevölkerung ihres oder seines Wahlkreises. 

Neos CMS Webseite

Für Hallo Bundestag sollte eine moderne, ästhetisch eindrucksvolle und verlässliche Webseite entwickelt werden. 
Wir haben das vorliegende Design von Hallo Bundestag als Neos CMS Projekt umgesetzt.

Website Hallo Bundestag

Herausforderungen

Im Laufe des Projektes haben wir uns mit zwei besonderen Fragestellungen auseinander gesetzt.

Für die Unterseiten der Wahlkreise wollten wir einen Slider mit Bildern der Teilnehmer:innen umsetzen, bei dem zum mittleren Bild des Teilnehmenden das entsprechende Zitat erscheint.

Außerdem sollten für die Unterseite "Neuigkeiten" Filtermöglichkeiten und Pagination ermöglicht werden.

Die Umsetzung des Sliders haben wir initial mit GlideJS ausprobiert, sind jedoch schließlich zu einer Lösung mit dem Swiper gekommen und konnten damit entsprechend die Bilder und Texte wie gewünscht darstellen.

Die Filterung von Posts wurde mit einer Kombination aus Kategorien, welchen die Posts bei ihrer Erstellung zugeordnet werden, und htmx gelöst. Wir haben ebenfalls htmx und damit server-side rendering für die Pagination verwendet, um auf Wunsch zusätzliche Inhalte nachladen zu können.

Verwendete Technologien