Zum Inhalt springen
ToelsnerDIGITAL · WIEN
REFERENZ · WEB-APP-ENTWICKLUNG MIT KI

KI-Content-Workspace

Von der Idee zur fertigen Web-App: ein Arbeitsraum, der den ganzen Content-Prozess einer Creatorin abbildet — recherchieren, mit KI erstellen, planen, auswerten.

Individuelle Web-AppKI-IntegrationEigenes Design-SystemCross-Device-SyncProgressive Web App
DIE AUSGANGSLAGEDAS PROBLEM

Ein Werkzeug statt zehn Tabs.

Eine Content-Creatorin aus dem Wellness- & Lifestyle-Bereich jonglierte ihren Redaktionsprozess über Notizen-Apps, Tabellen, ChatGPT-Fenster und Planungs-Tools. Ideen gingen verloren, Recherche lag verstreut, und für jeden Beitrag begann das Suchen von vorn.

Ziel: Ein einziger, ruhiger Arbeitsraum, der den gesamten Content-Prozess abbildet — von der ersten Idee bis zur Auswertung. Schnell, KI-unterstützt, auf jedem Gerät, und optisch so warm wie die Marke selbst.

14
Module
Konzept → Code
Rolle
Im Einsatz
Status
DIE LÖSUNGDER ANSATZ

Ein Workspace, der mitdenkt.

Statt einer weiteren generischen App entstand ein maßgeschneiderter Workspace: KI übernimmt das Schwere (Recherche, Textgerüste, Umschreiben), die Creatorin behält die Stimme. Alles greift ineinander — eine Idee wandert vom Ideen-Pool über die KI-Generierung in den Redaktionsplan, ohne einmal die App zu verlassen.

/ 01

Sammeln & recherchieren

Ideen parken, Themen recherchieren, Quellen mit Glaubwürdigkeits-Einordnung finden, Trends beobachten.

/ 02

Erstellen mit KI

Karussells, Captions, Blog-Texte und Hashtag-Sets generieren — im eigenen Ton, dank hinterlegter Brand Voice.

/ 03

Planen & auswerten

Beiträge im Redaktionskalender einplanen, Newsletter vorbereiten, Kennzahlen eintragen und Muster erkennen.

FUNKTIONSUMFANGALLE MODULE

14 Module, ein Fluss.

Jedes Modul steht für sich — und alle sind miteinander verzahnt.

Dashboard

Tages-Cockpit: Überblick, Schnellstart, nächste Posts, Tipp des Tages.

Ideen-Pool

Ideen festhalten, bevor sie verloren gehen — sortiert und jederzeit griffbereit.

Research

Themen recherchieren, Quellen finden — inklusive Einordnung der Glaubwürdigkeit.

Trend-Radar

Relevante Trends im Blick behalten und für eigene Inhalte nutzen.

Content

KI-Generierung von Karussells, Ideen und Captions — im eigenen Markenton.

Editor

Markdown-Blog-Editor mit Live-Vorschau für längere Formate.

Repurpose

Einen Inhalt in andere Formate und Kanäle verwandeln — ein Text, viele Posts.

Hashtags

Hashtag-Sets verwalten und wiederverwenden statt jedes Mal neu zu tippen.

Caption-Bank

Gelungene Captions sammeln, ordnen und schnell wiederfinden.

Mein Northstar

Warum, Ziele und Weg festhalten — Klarheit an langen Tagen.

Planer

Redaktionskalender mit Wochenübersicht und Status je Beitrag.

E-Mail

Newsletter vorbereiten — die eigene Liste als unabhängiger Kanal.

Analytics

Kennzahlen eintragen und Muster erkennen, was wirklich funktioniert.

Einstellungen

Sechs Farbwelten, Cross-Device-Sync und volle Datenkontrolle.

EINBLICKESCREENSHOTS

So sieht die App von innen aus.

Die Screenshots zeigen eine leere Ansicht der App ohne Inhalte — die echten Daten und Texte der Kundin bleiben privat.

KI-Content-Workspace — Dashboard: Tages-Cockpit mit Überblick & Schnellstart
DashboardTages-Cockpit mit Überblick & Schnellstart
KI-Content-Workspace — KI-Content-Generator: Karussells, Ideen & Captions per KI
KI-Content-GeneratorKarussells, Ideen & Captions per KI
KI-Content-Workspace — Editor: Markdown-Editor mit Live-Vorschau
EditorMarkdown-Editor mit Live-Vorschau
KI-Content-Workspace — Research: Quellen mit Glaubwürdigkeits-Check
ResearchQuellen mit Glaubwürdigkeits-Check
UNTER DER HAUBETECHNOLOGIE

Moderne Basis, ohne Ballast.

Eine moderne, wartbare Basis — bewusst ohne überflüssigen Ballast. Schnell, offline-fähig und als App am Smartphone installierbar.

Next.jsApp Router
ReactKomponenten-UI
KI-TextmodellGenerierung im eigenen Ton
Such-APIResearch & Quellen
Cloud-SyncKey-Value-Store
VercelHosting & Auto-Deploy
PWAam Handy installierbar
Eigenes CSS-Systemkein Framework-Ballast

BEWUSSTE ENTSCHEIDUNGEN

Eigenes Design-Systemstatt Baukasten — die App sieht aus wie die Marke, nicht wie eine Vorlage.

Lokal zuerst, Cloud dazudie App läuft auch offline flüssig und synchronisiert im Hintergrund über alle Geräte.

KI als Werkzeug, nicht als Autopilotsie liefert Gerüste, die Creatorin behält die Stimme.

Datenhoheitdie Inhalte gehören der Nutzerin; «Alles zurücksetzen» und Export sind eingebaut.

DAS ERGEBNISIM EINSATZ

Aus zehn Tools wurde eins.

  • Ein zusammenhängender Workspace mit 14 Modulen — der komplette Content-Prozess an einem Ort.
  • KI-gestützte Erstellung von Karussells, Captions, Blog-Texten und Hashtag-Sets im eigenen Markenton.
  • Eigenes, warmes Design-System mit sechs Farbwelten — inklusive Dark Mode.
  • Cross-Device-Synchronisation und Offline-Fähigkeit als installierbare Web-App.
  • Im täglichen Einsatz — und mit einer klaren Roadmap zum eigenständigen Produkt.

Aus einem verstreuten Prozess über zehn Tabs wurde ein einziger, ruhiger Arbeitsraum — konzipiert, gestaltet und entwickelt von Toelsner Digital. Referenzprojekt für eine Content-Creatorin aus dem Wellness- & Lifestyle-Bereich (auf Wunsch anonym).

FAQHÄUFIGE FRAGEN

Häufige Fragen zum Projekt.

Was ist ein KI-Content-Workspace?

Ein KI-Content-Workspace ist ein digitaler Arbeitsraum, der den gesamten Content-Prozess an einem Ort bündelt und dabei KI-Unterstützung einbindet — statt vieler einzelner Tools für Recherche, Texterstellung, Planung und Auswertung. In diesem Projekt wurde er als Web-App mit 14 Modulen umgesetzt: von Ideen-Pool und Research über KI-Textgenerierung bis zu Redaktionsplan, Newsletter und Analytics.

Mit welcher Technologie wurde die App gebaut?

Die App basiert auf Next.js und React mit einem eigenen, framework-freien Design-System. Die KI-Textfunktionen laufen über ein Large-Language-Model, die Recherche über eine Such-API, die Cross-Device-Synchronisation über einen Cloud-Key-Value-Speicher. Gehostet auf Vercel, als Progressive Web App auch am Smartphone installierbar.

Entwickelt Toelsner Digital auch individuelle Web-Apps mit KI?

Ja. Neben Websites baut Toelsner Digital individuelle Tools und Web-Apps — inklusive KI-Integration, Cloud-Synchronisation und maßgeschneidertem Design. Umfang und Preis werden pro Projekt abgestimmt.

Was kostet die Entwicklung einer solchen Web-App?

Individuelle Web-Apps werden nach Umfang kalkuliert und auf Anfrage angeboten. Ausgangspunkt ist immer ein Gespräch über Ziel, Funktionen und Budget.

Kann ich eine ähnliche App für meinen Anwendungsfall bekommen?

Ja — dieses Projekt ist ein Beispiel dafür, wie aus einem konkreten Arbeitsalltag ein maßgeschneidertes Tool wird. Der gleiche Weg (Konzept → Design → Entwicklung → laufende Betreuung) lässt sich auf andere Branchen und Aufgaben übertragen.

Aus einer Idee wird eine App.

Du hast einen Arbeitsablauf, der über zu viele Tools verstreut ist? Lass uns besprechen, wie daraus ein Werkzeug wird.