Daten, Dialoge und Karten lebendig machenInteraktive Web-Anwendungen

Ihr habt wertvolle Daten, die gezeigt werden müssen, wollt Dialoge anstoßen oder Standorte auf einer Karte als orientierung bieten?

Wir helfen euch dabei, komplexe Informationen in digitale Werkzeuge zu übersetzen, die für alle Menschen leicht zugänglich und einfach zu bedienen sind. Wir beraten und begleiten euch durch den ganzen Prozess.

Spannende Daten, wertvolles Wissen. Dinge die geteilt werden müssen. Und wie kommt es an die richtigen Menschen?

Ihr arbeitet an wichtigen gesellschaftlichen Themen, forscht, vernetzt oder tragt wertvolle Daten zusammen. Und dann?

Die gewachsene Datenwüste

Eure komplexen Erkenntnisse oder Projektdaten bleiben meist in riesigen, unhandlichen PDFs, die sich am Smartphone kaum lesen lassen und von Suchmaschinen ignoriert werden.

Die Beteiligungsbarriere

Ihr möchtet Menschen zusammenbringen, digital beteiligen oder Dialoge anstoßen – doch gängige Tools sind entweder zu starr, unübersichtlich oder schließen Menschen mit Einschränkungen komplett aus.

Die Technik-Überforderung

Ihr wünscht euch interaktive Funktionen (wie Filter oder Karten), habt aber Sorge vor unüberschaubaren Kosten, komplizierter Administration oder dem Verlust der Barrierefreiheit.

Daten und Wissen entfalten ihre Wirkung erst, wenn sie für jeden Menschen einfach zugänglich, filterbar und begreifbar sind.

Eure Inhalte im Fokus.

Jedes Projekt hat eigene Anforderungen. Wir haben jahrelange Erfahrung darin, maßsgeschneiderte Lösungen zu entwickeln, die genau das tun, was sie für euer Projekt tun müssen:

Orte verständlich machenInteraktive Karten & Geodaten

Wir machen Geodaten lebendig und nutzbar. Mit modernen und etablierten Web-Technologien (wie Leaflet.js) bauen wir performante, barrierefreie Karten, die komplexe räumliche Zusammenhänge spielend leicht vermitteln – ganz ohne überladene Drittanbieter-Dienste.

(Wie wir das machen? Siehe unsere Infokarte für Naturstadt Berlin oder unsere Themenseite Interaktive Karten)

Das richtige für mich findenSmarte Filter & Medienplattformen

Große Mengen an Publikationen, Praxisbeispielen oder Projektberichten nützen nichts, wenn niemand sie findet. Wir bauen intuitive Filter- und Sortierfunktionen. Nutzer:innen klicken sich spielerisch durch eure Daten und finden in Sekundenschnelle genau das, was sie suchen.

(Wie wir das machen? Siehe unser Projekt für das Migration Lab Germany)

Räume für echten AustauschDialog- & Beteiligungsplattformen

Wenn ihr Netzwerke knüpfen, Meinungen einholen oder Beteiligungsprozesse starten wollt, braucht ihr sichere und einladende digitale Räume. Wir konzipieren und entwickeln Dialog-Tools, die eure Zielgruppen aktiv einbinden, transparent im Austausch sind und höchsten Datenschutzanforderungen genügen.

(Wie wir das machen? Siehe unser Projekt Baltic Coast Dialog)

Digitale Souveränität & UnabhängigkeitEuer eigener Boden

Zusätzlich macht euch eine eigene Website unabhängig von wechselhaften Algorithmen auf Plattformen wie LinkedIn oder Instagram. Ihr baut euer digitales Reich nicht auf gemietetem Land: Ihr besitzt eure Daten, habt die volle DSGVO-konforme Hoheit über eure Inhalte und entscheidet selbst, wie ihr euch präsentiert.

Sichtbarkeit im KI-ZeitalterSEO & GEO

Eure Website arbeitet auf zwei Ebenen für eure Sichtbarkeit:

Klassische Suchmaschinen (SEO): Wir strukturieren eure Inhalte so, dass Google & Co. genau erkennen, wofür ihr steht und euch bei den passenden Suchbegriffen weit oben anzeigen.
Generative KI-Suche (GEO – Generative Engine Optimization): KI-gestützte Suchmaschinen zitieren nur Quellen, die verlässlich, klar strukturiert und semantisch sauber aufgebaut sind. Wir bereiten eure Website technisch so vor, dass sie von KI-Modellen optimal erfasst und als vertrauenswürdige Antwort ausgespielt wird.

Standard als Haltung: Barrierearmut und Barrierefreiheit

Gerade bei komplexen Web-Tools, Filtern und interaktiven Karten wird Barrierefreiheit oft vernachlässigt – bei uns ist sie die technische Grundlage. Barrierefreiheit im Web bedeutet für uns soziale Verantwortung und handwerkliche Qualität.
Selbst wenn eine zu 100 % perfekte Barrierefreiheit (nach allen BITV/WCAG-Richtlinien) aufgrund von Budgets oder Projektrahmen nicht immer vollumfänglich zertifiziert werden kann: Jede Plattform programmieren wir so, dass sie barrierearm ist und möglichst wenige Barrieren im Alltag aufweist.

Warum das gerade für Plattformen entscheidend ist:

Gemeinsame Teilhabe

Screenreader können unsere interaktiven Filter und Strukturen erfassen; Tastatur-Navigation funktioniert fehlerfrei. Niemand wird vom Wissen ausgeschlossen.

Klarheit & Übersicht

Eine barrierefreie Benutzeroberfläche ist automatisch aufgeräumt, verständlich beschriftet und auf Mobilgeräten hervorragend zu bedienen.

Zukunftssichere Technik (SEO & GEO)

Was gut für Screenreader und Menschen mit Barrieren ist, ist auch perfekt für Suchmaschinen und das KI-Zeitalter (Generative Engine Optimization). Saubere semantische Strukturen sorgen dafür, dass eure Daten von KI-gestützten Suchen korrekt erfasst und referenziert werden können.

Wie wir zusammenarbeiten: Projektablauf

Eine gute Webseite entsteht in enger Zusammenarbeit auf Augenhöhe. Wir begleiten euch Schritt für Schritt und machen den gesamten Prozess transparent und verständlich.

Komplexes zusammen ordnenStrategie-Workshop & Informationsarchitektur (Sitemap)

Gemeinsam dringen wir tief in eure Daten und Ziele ein. In unserem Webseiten-Workshop klären wir: Wer nutzt die Plattform? Wie müssen Daten strukturiert sein? Das Ergebnis ist eine logische Sitemap und eine strukturierte Informationsarchitektur.

Interaktionen direkt ausprobierenKlickbarer Wireframe-Dummy

Gerade bei komplexen Tools ist das Erleben der Benutzerführung (UX) entscheidend. Bevor wir gestalten, bauen wir ein funktionales, farbneutrales Groblayout. Im klickbaren Dummy testen wir gemeinsam, ob Filter, Suchen und Karten intuitiv funktionieren und Sinn ergeben.

Eure Daten, Inhalte und Ziele klar und verständlich gestaltetScreendesign (Desktop & Mobil)

Jetzt gestalten wir die Oberfläche. Auf Basis eures Corporate Designs (oder eurer Projekt-CI) entwerfen wir ein Design, das selbst dichteste Informationen übersichtlich und leicht lesbar macht – natürlich voll responsiv für Smartphone, Tablet und Desktop.

Sicher und einfach selbst pflegenInhouse-Programmierung & Launch

Die Programmierung eurer Plattform erfolgt direkt bei uns im Büro in Charlottenburg. Das sichert schnellen Code, ein klares Sicherheitskonzept und barrierefreie Umsetzung.

Besonders wichtig: Wir bauen das Backend (Kirby / WordPress) so aufgeräumt und modular auf, dass ihr und euer Team alle Daten, Kartenpunkte, Filter-Einträge und Inhalte im Alltag spielend leicht selbst pflegen, ändern und erweitern könnt – ohne Programmierkenntnisse.

Das sagen unsere Kund:innen über unseren Prozess

»Wir haben viele positive Rückmeldungen zur neuen Website bekommen – das Feedback war durchweg erfreulich. Die Zusammenarbeit mit FORMLOS Berlin war dabei von Anfang an klar strukturiert und verlässlich.«
Anne Siegert | Projektkoordination Otterland Team | www.otterland.info | Projekt ansehen

Besonders hilfreich war das gemeinsame Arbeiten über Asana: Deadlines, Aufgaben und automatische Updates waren jederzeit transparent. Die Kommunikation lief unkompliziert, und auf Fragen haben wir immer schnell eine Antwort bekommen. Auch die Übergabe war gut vorbereitet – dank der Erklär-Videos konnten wir direkt selbst loslegen. Inhalte im WordPress-Backend lassen sich problemlos pflegen, Texte sind leicht einzufügen. Die visuelle Umsetzung hat sich dabei stimmig an unser bestehendes Branding angeschlossen – ohne Schnickschnack, aber mit Blick fürs Wesentliche.

© C.Finke / DUH
»Das Team und der Prozess von FORMLOS hat nicht nur unseren visuellen Auftritt erschaffen, sondern uns auch geholfen, über Fragen nachzudenken, die so bis dahin noch nicht an erster Stelle lagen.«
Roger Ritz | Geschäftsführer, nu:op AG | Projekt ansehen

Es war von Anfang an sehr angenehm, mit dem Team von FORMLOS zusammenzuarbeiten. Wir hatten uns direkt wohlgefühlt und so konnten wir direkt in einer angenehmen Atmosphäre loslegen. Der Prozess war logisch aufgebaut. Mit diesem Prozess konnten nicht nur die Grundlagen für die Webseite erarbeitet werden, sondern er hat auch uns selbst geholfen, unsere Idee noch spezifischer zu formulieren und auszuarbeiten. Es war ein wichtiger Prozess auch für uns selbst. Als dann der Name gefunden, das Logo erstellt, das Corporate Design und die Webseite langsam Gestalt annahmen, konnten wir uns selbst immer mehr mit diesem Design identifizieren. Es stellt sich sehr schnell ein Gefühl der Identifikation ein und die Motivation steigt somit noch mehr.
»FORMLOS Berlin hat uns von Beginn an sehr gut durch den Webseiten-Erstellungsprozess geführt. Die Beratung im Bezug auf technische Machbarkeit und Abwägung zwischen verschiedenen Designentscheidungen war sehr zielführend. Sie hat uns die Arbeit stark erleichtert. Wir konnten uns daher sehr gut auf das Erstellen der Inhalte konzentrieren. Und dies vor allem bei der Realisierung als mehrsprachiges System in 5 Sprachen. Wir sind sehr zufrieden mit dem Ergebnis – die Webseite verhilft unserem Projekt zu noch mehr Vernetzung und Sichtbarkeit.«
Ulrich Stöcker | Geschäftsführer & Teamleiter Deutschland Rewilding Oder Delta
»Sehr freundliche und kompetente Beratung. Unsere Wünsche und Vorstellungen wurden einwandfrei und mit viel Engagement umgesetzt.«
Marina Daskalov | Geschäftsführende Inhaberin

Alles bis zur Fertigstellung unseres Werbeflyers ist professionell erledigt worden. Wir danken dem ganzen Team und freuen uns auf das nächste gemeinsame Projekt!
»Ein ganz herzliches Dankeschön für die Planung, Erstellung und den Launch der Website. Es ist ein tolles Gefühl, die neue barrierefreie Website vor sich zu haben! Sie ist wirklich klasse geworden.«
Sabrina Ebert | Handicap International e.V. Projektreferentin Phase 2 – Leave no one behind! | Projekt ansehen

© Laura Thomas

Alle Kund:innenstimmen ansehen

Fragen rund um Web-Tools & PlattformenFAQs

Wofür braucht es einen Webseiten Workshop?

Was ist eine Sitemap bei einer Plattform?

Was ist ein Wireframe?

Können wir alle Daten später selbst pflegen?

Macht ihr auch SEO (oder GEO) für uns?

Hostet ihr die Web-Tools bei euch?

Müssen wir uns selber um das Hosting kümmern?

Was ihr bei uns bekommtZusammengefasst

Workshop zur Daten- & Strukturklärung

Gemeinsames Ordnen von Inhalten, Zielgruppen und Datenströmen.

Klickbarer Dummy (Wireframe)

Klickbare Funktionsskizze zum Testen von Filtern und Suchen vor dem Design.

Daten-optimiertes Screendesign

Übersichtliche, moderne Gestaltung für komplexe Informationen – voll responsiv.

Barrierefreie In-house Programmierung

Schneller, sicherer Code mit barrierefreien Karten, Filtern und Dialogmodulen.

Einfach pflegbares Backend

Ein CMS, das so konzipiert ist, dass ihr die Plattform völlig selbstständig weiterbauen und pflegen könnt.

Langfristiger Support

Zuverlässige Pflege durch unser Wartungspaket für maximale technische Sicherheit und Erreichbarkeit.

Lasst uns euer Projekt begreif- & erlebbar machen!

In einem kurzen, persönlichen Gespräch klären wir eure Anforderungen und schauen gemeinsam, wie wir eure Daten, Karten oder Dialoge am besten im Web umsetzen. Danach erstellen wir euch ein transparentes, modulares Angebot.

Bucht euch einfach direkt euren Wunschtermin in unserem Kalender – natürlich völlig kostenfrei. Wir freuen uns darauf, euch und euer Projekt kennenzulernen!

Lukas Kerecz

Richard Brockmanns

Web Development & Web Design
+49 151 52393936
rb@formlos-berlin.de