Startseite

Projekte

Erfahrung, die man ansehen kann.

Drei Projekte, die vor A&O Webstudio entstanden sind. Vorneweg die umfangreichste Arbeit: eine Vereinsanwendung mit geschütztem Bereich. Danach ein Produktauftritt und ein Portal mit strukturierten Inhalten.

Vereinswebsite mit Mitglieder- und Verwaltungsbereich

Rems-Murr-Löwen

Vereinsleben digital organisieren.

Der Vereinsauftritt verbindet öffentliche Informationen mit Bereichen für Mitglieder und Vorstand. Spieltagsanmeldungen, Fahrgemeinschaften und Verwaltungsfunktionen unterstützen konkrete Abläufe im Vereinsalltag. Unterschiedliche Zugriffsrechte trennen öffentliche und interne Inhalte.

Verantwortlich
Olaf
Stand
September 2026
Startseite von rems-murr-loewen.de mit Vereinswappen und der Zeile „Gemeinsam für die Löwen“
rems-murr-loewen.de, öffentliche Startseite. Aufnahme vom 12.09.2026.
Öffentliche Spieltagsübersicht mit kommenden Spielen, Ergebnissen und Tabelle
Die Spieltage, öffentlich einsehbar. Anmeldung und Fahrgemeinschaften liegen dahinter im geschützten Bereich – der wird hier bewusst nicht gezeigt.
Meldungsseite mit einer Wochentafel im Kreidetafel-Stil
Meldungen und die Wochentafel des Vereinslokals pflegt der Vorstand selbst – ohne Eingriff in den Code.

Ein öffentlicher Auftritt und ein geschützter Bereich in einer Anwendung — mit Rollen, die bestimmen, wer was sieht. Öffentliche Informationen bleiben offen, interne Abläufe bleiben intern.

Die Rechteprüfung sitzt nicht nur in der Oberfläche, sondern bis hinunter in die Datenbank. Das ist die Stelle, an der solche Projekte sonst undicht werden.

  • Next.js, TypeScript
  • Selbst betriebene Datenbank mit Rechteprüfung auf Datenbankebene

Vereinsprojekt; technische Umsetzung durch Olaf.

Produkt, Marke und Website

Limes / MJM World

Ein Produkt mit einem klaren Auftritt.

Limes hilft dabei, Verträge und Kündigungsfristen im Blick zu behalten. Zur Android-App gehört ein eigener Webauftritt mit konsistenter Gestaltung und verständlicher Produktkommunikation. Die lokale Datenhaltung der App macht Privatsphäre zu einer konkreten Produkteigenschaft.

Verantwortlich
Alex
Stand
September 2026
Startseite von mjm-world.de mit der Überschrift „Software, die Grenzen kennt.“ und der Limes-App auf einem Telefon
mjm-world.de, Startseite. Aufnahme vom 12.09.2026; die Verträge in der App-Ansicht sind Beispieldaten.
Vier Ansichten der Limes-App nebeneinander: Übersicht, Verträge, Kosten, Budget
Der Rundgang durch die App auf mjm-world.de. Aufnahme vom 12.09.2026, Beispieldaten.
Abschnitt „Jede Frist hat eine Grenze“ mit sechs Funktionskarten
Der Funktionsteil der Produktseite: sechs Punkte, je einer pro Karte, jeder in einem Satz erklärt.

Konzept, Gestaltung und Umsetzung von App und Website lagen in einer Hand — gleiche Farben, gleiche Schrift, gleiche Tonalität über App, Website und Store-Material hinweg.

Die Produktkommunikation kommt ohne Superlative aus: Was die App kann, steht da; was sie nicht kann, auch. Die Website lädt keine fremden Skripte und keine Schriften von fremden Servern.

  • Android (Kotlin, Jetpack Compose)
  • Statische Produktwebsite ohne externe Skripte

Eigenes Produkt von Alex (MJM World), vor der Gründung von A&O Webstudio entwickelt.

Informationsportal mit strukturierten Daten

MJM Picks

Komplexe Informationen verständlich zugänglich machen.

MJM Picks bündelt Technikthemen in einem strukturierten Portal. Interaktive Einstiege, Produktseiten und eine nachvollziehbare Quellenmethodik helfen dabei, Inhalte zu erschließen. Das Projekt verbindet individuelle Gestaltung mit datengetriebenem Seitenaufbau.

Verantwortlich
Alex
Stand
September 2026
Startseite von mjm-picks.de mit der Überschrift „Alles zu einem Produkt. Geprüft.“ vor einer großformatigen Grafikkarte
mjm-picks.de, Startseite. Aufnahme vom 12.09.2026.
Interaktiver Arbeitsplatz: Monitor, Tastatur, Maus, Headset und PC sind einzeln anklickbar und führen in ihren Bereich
Der Einstieg läuft über einen interaktiven Arbeitsplatz statt über ein Menü: Jedes Gerät im Bild ist anklickbar und führt in seinen Bereich.
Produktseite von mjm-picks.de mit Gesamtwertung, Belegsicherheit und vier gewichteten Einzelkriterien
Eine Produktseite mit Wertung, Gewichtung und offen genannter Belegsicherheit. Aufnahme vom 12.09.2026.

Struktur, Gestaltung, Datenmodell und Redaktionsprozess stammen aus einer Hand. Der Einstieg läuft über ein anklickbares Bild statt über ein Menü, und jede Aussage hängt an einer genannten Quelle.

Gebaut wird statisch aus einer Datenbank: Besucher bekommen fertiges HTML, ohne dass ihr Aufruf eine Datenbank beschäftigt.

  • Astro, Tailwind CSS
  • Datenhaltung in einer Datenbank, Auslieferung als statische Seiten

Eigenes Portal von Alex, vor der Gründung von A&O Webstudio aufgebaut und laufend gepflegt.

Projektarten

Was diese drei Projekte zeigen.

Produkt und Marke

Eine verständliche Produktbotschaft, sorgfältige Typografie und ein Auftritt, der über Website und Marketing hinweg konsistent bleibt.

Informationsarchitektur

Viele Inhalte so gliedern, dass man sie findet und versteht. Statischer Seitenbau aus strukturierten Daten.

Funktionstiefe

Echte Geschäftsabläufe, Rechtekonzepte, Verwaltungsoberflächen und Integration bestehender Dienste.

Dein nächster Schritt

Was hast du vor?

Eine neue Website? Eine App? Eine Idee, die noch Form braucht? Lass uns darüber sprechen.

Projekt anfragen