Aus einem Hobby.
Ein eigenes digitales Produkt.
01 / Der Ausgangspunkt
Jagd als Hobby.
Neugier als Antrieb.
Die Jagd ist ein persönliches Hobby. Daraus entstand der Wunsch, eine eigene Anwendung zu entwickeln: eine Lösung, die Informationen aus dem Revier verständlich zusammenführt und die gemeinsame Organisation erleichtert.
Gleichzeitig stand eine Frage im Raum: Was lässt sich mit KI heute tatsächlich umsetzen? Waidruf wurde zum praktischen Experiment – von der ersten Idee über Gestaltung und Programmierung bis zu einer Anwendung, die im Alltag erprobt werden kann.
Damit erweitert sich die Arbeit von der visuellen Gestaltung hin zur Entwicklung eines vollständigen digitalen Produkts.
02 / Die Anwendung
Revierwissen an einem Ort.
Karten, Beobachtungen, Wetter und Absprachen gehören zusammen. Waidruf verbindet sie für Jäger, Revierinhaber und Jagdgruppen.
Gemeinsam planen.
Ansitze reservieren, Jagdzeiten und Freigaben prüfen oder eine gemeinsame Jagd organisieren. Mitglieder und Rollen bilden ab, wer im Revier welche Aufgaben übernimmt.
Eine Jagdjahresübersicht führt Aktivitäten und Streckeneinträge zusammen.
Unterwegs festhalten.
Beobachtungen und Wildzeichen lassen sich ebenso erfassen wie Reviereinrichtungen oder Streckeneinträge. Eine aktive Pirsch kann aufgezeichnet und ein aktueller Parkplatz zeitlich begrenzt geteilt werden.
So wird aus einzelnen Einträgen ein gemeinsamer Überblick über das Revier.
Mit dem Wetter planen.
Revierwetter und Windrichtung helfen, die Bedingungen einzuordnen. Ansitzempfehlungen ergänzen die Planung; die Entscheidung bleibt bei den Menschen vor Ort.
Das Jagdjahr nachvollziehen.
Die Jagdjahresübersicht führt Jagdaktivitäten und Streckeneinträge zusammen. Persönliche Einträge und die Revieransicht lassen sich getrennt betrachten; Filter helfen beim Überblick.
Für die weitere Verwendung stehen Exporte als CSV und PDF bereit.
03 / Die Gestaltung
Eine eigene Identität.
Ein durchgängiges System.
Die Marke greift den Bezug zur Natur auf. Dunkles Grün, helle Flächen und zurückhaltende Akzente prägen die Anwendung. Eine ruhige Serifenschrift für Überschriften trifft auf eine funktionale Schrift für Bedienung und Daten.
Die Gestaltung reicht von Wortmarke und Signet bis zu Kartenmarkern, Icons und Richtungsanzeigen. Das Brandbook hält diese Entscheidungen fest und macht sie für neue Funktionen wiederverwendbar.
Wortmarke und Signet.
Die Wortmarke wurde aus Rasterkonturen in eigenständige Vektorpfade übertragen. Zeichenabstände und die Position des Signets wurden optisch abgestimmt. Die Tafeln zeigen die festgelegten Achsen, Raster und Schutzräume für eine reproduzierbare Anwendung.
Farbe mit Bezug zur Natur.
Dunkles Grün bildet die Basis, helle Flächen schaffen Ruhe und Gold setzt Akzente. Die Übersicht zeigt die dokumentierten Werte der Oberfläche und der Originalmarken. Ihr Farbabgleich ist noch offen.
Typografie mit zwei Aufgaben.
Cormorant Garamond verleiht Überschriften ihren Charakter. Inter übernimmt die Bedienung und die Darstellung von Daten. Eine festgelegte Größenskala verbindet beide im Alltag der Anwendung.
Eine gemeinsame Formensprache.
Die Icons verwenden ein Raster von 24 × 24 Einheiten, eine Konturstärke von 1,8 und runde Linienenden. Die Übersicht zeigt die 18 Menüicons des dokumentierten Katalogstands sowie ergänzende Wetterzeichen.
Vom Entwurf zur Oberfläche.
Marken und Icons werden als SVG-Dateien eingesetzt. Festgelegte Farben, Schriftgrößen, Abstände und Radien verbinden die einzelnen Komponenten. Eine Basis von vier Pixeln und überwiegend acht Pixeln Abstandsrhythmus hält das Layout zusammen.
Der KI-gestützte Arbeitsprozess verbindet Gestaltung, Umsetzung und Prüfung im Browser. Das Brandbook dokumentiert die Entscheidungen; Testansichten zeigen, wie sie in der Anwendung funktionieren.
04 / Neue Arbeitsweisen
Mit KI entwickeln.
Bewusst entscheiden.
Fachliche Anforderungen, Gestaltung und technische Umsetzung werden in kurzen Schritten aufeinander abgestimmt. KI unterstützt die Entwicklung; Produktentscheidungen, Prioritäten und die Prüfung realer Nutzungssituationen bleiben bei Florian.
Die Zusammenarbeit ist nach Aufgaben gegliedert: Gestaltung, Entwicklung, Tests und Kommunikation. Entscheidungen und Übergaben werden dokumentiert, damit aus einzelnen Änderungen ein zusammenhängendes Produkt entsteht.
- 01
Aufgabe klären
Eine konkrete Situation aus der Jagdpraxis beschreiben.
- 02
Lösung entwickeln
Gestaltung und Umsetzung mit KI-Unterstützung erarbeiten.
- 03
Erproben
Bedienung und Verhalten im tatsächlichen Einsatz prüfen.
- 04
Weiterarbeiten
Feedback aufnehmen und Entscheidungen dokumentieren.
Vom ersten Gedanken bis zur Testversion
Werkzeuge und Dienste.
Jedes Werkzeug übernimmt einen Teil der Arbeit. Zusammen verbinden sie Konzeption, Gestaltung, Programmierung und den Betrieb der Anwendung.
- Konzept & DialogChatGPT
- Ideen strukturieren, Anforderungen schärfen und Lösungswege diskutieren. Die Richtung und die Auswahl entstehen im Austausch mit Florian.
- Umsetzung mit KICodex · GPT-6 Astra
- Codex ist die KI-Arbeitsumgebung; Astra unterstützt komplexe Analyse-, Umsetzungs- und Prüfaufgaben. Dazu gehören die Arbeit an Dateien und Code sowie dokumentierte Übergaben. Aufgaben für Gestaltung, Entwicklung und Kommunikation werden getrennt bearbeitet und zusammengeführt.
- Designassets & DokumentationSVG · Sharp · ReportLab
- SVG hält Marken und Icons als skalierbare Vektoren fest. Node.js mit Sharp erstellt Bildexports; ReportLab und fontTools unterstützen die Erstellung der PDF-Dokumentation.
- Versionen & ZusammenarbeitGit · GitHub
- Änderungen nachvollziehbar festhalten, Entwicklungsstände vergleichen und die gemeinsame Codebasis verwalten. Architektur, Entscheidungen und Teststände werden zusammen mit dem Code dokumentiert.
- Daten & ZugriffeSupabase · Dashboard & CLI
- Anmeldung, PostgreSQL-Datenbank, Dateispeicher und Synchronisierung. Zugriffsregeln bilden Mitglieder, Rollen und Reviere ab.
- WebbereitstellungVercel
- Die Web-App bereitstellen und aktualisierte Entwicklungsstände ausliefern.
- Karten & OrtsdatenEsri · OpenStreetMap · Nominatim
- Kartengrundlagen und Ortsinformationen für die Revieransicht. Leaflet stellt die Karte dar; Turf unterstützt Berechnungen mit Geometrien.
- WetterdatenOpen-Meteo
- Wetterinformationen für den jeweiligen Standort in die Anwendung einbinden.
- GerätetestsAndroid Studio · Emulator
- Android-Ansichten und Gerätefunktionen entwickeln und vor der Erprobung auf realen Geräten prüfen.
- Interne App-TestsGoogle Play Console
- Android-Testversionen verteilen. Die App befindet sich im internen Test; eine öffentliche Storeveröffentlichung ist damit nicht gemeint.
- Builds & PrüfungenNode.js · npm · Gradle
- Abhängigkeiten verwalten, Web- und Android-Pakete erstellen und gezielte Prüfskripte ausführen. Lokale Testansichten machen einzelne Oberflächenzustände mit Musterdaten überprüfbar.
Wie daraus eine Anwendung wird.
Eine gemeinsame Webgrundlage hält Oberfläche und Logik zusammen. Native Ergänzungen machen Gerätefunktionen zugänglich; eine zentrale Datenbasis verbindet die Anwendungen.
- Web · React, TypeScript und ViteKomponenten, Anwendungslogik und Erstellung der responsiven Web-App, die auch als PWA nutzbar ist.
- Android · CapacitorDer Webkern wird um native Funktionen des Smartphones ergänzt.
- Native Anwendungen · Java und KotlinNative Android- und Android-Auto-Bausteine verwenden Java. Die eigene Wear-OS-App entsteht mit Kotlin und Jetpack Compose.
Zur Entwicklung gehören technische Prüfungen, gezielte Funktionstests, Browser- und Mobilansichten sowie Tests auf Android und im Emulator. Dokumentierte Teststände und geplante Funktionen bleiben getrennt.
Details einzeln erproben.
Auch einzelne Komponenten werden in isolierten Ansichten geprüft. Am Hochsitz-Detail lässt sich beispielsweise beurteilen, wie Richtungsangaben, Reservierung und Navigation zusammenwirken.
Musterdaten machen solche Ansichten unabhängig vom tatsächlichen Revierbestand vergleichbar.
05 / Kommunikation
Die Idee nach außen tragen.
Zum eigenen Produkt gehört auch die Frage, wie es verständlich vorgestellt wird. Social-Media-Motive greifen die visuelle Identität auf und erklären einzelne Funktionen anhand konkreter Aufgaben.
Naturfotografie, die originale Wortmarke und kurze Texte verbinden Produkt und Kommunikation.
Ein eigenes Projekt in Entwicklung
Ausprobieren.
Lernen. Weiterentwickeln.
Die Web-App ist in der Testphase erreichbar. Android wird intern über Google Play getestet; Wear OS befindet sich ebenfalls im Test. Weitere Plattformen und Funktionen werden schrittweise erarbeitet.
Waidruf im Web ansehenProjektstand: September 2026
Kontakt
Was möchtest du umsetzen?
Von der ersten Idee zum konkreten Vorhaben. Lass uns über dein Projekt sprechen.