W: H: YOffset: ??

Custom Chatbot für KMU-Websites

  • Eigenentwickelte App „Vivlayr AI“
  • Flexibel konfigurierbar – die Web-App arbeitet mit allen OpenAI GPT-Modellen
  • Individuell anpassbar für Unternehmen
  • Realtime-Chat per React & Node.js
  • Serverseitige Sessions mit Express
  • Admin-Bereich zur Pflege der Inhalte & Bot Training
  • Direkt einbettbar in jede Website
  • Standalone, keine Cloud
  • Datenschutzkonform & performant

Weiter


Modulare Komponenten mit Motion

  • Vollständig in React entwickelt
  • Animierte UI mit Framer Motion
  • Fokus auf Smooth UX & klare Struktur
  • Theme Switch: Dark, Light & individual Mode
  • Tailwind für flexible Layouts
  • Modular: Chatbubble, Footer, Controls, Backend
  • Hooks & Props für Zustandsmanagement
  • Responsive & mobile-optimiert

Zurück Weiter


Responsives UI mit TailwindCSS

  • Mobile-first Interface
  • Darkmode-Optimierung integriert
  • Flexible Breakpoints für alle Devices
  • Typografie via Tailwind-Utilities
  • Optimierte Touch-Zonen & Spacing
  • Einheitliche Farbvariablen (Token)
  • Skalierbar für Branding-Varianten
  • Crossbrowser-kompatibel getestet

Zurück Weiter


Sessionlogik & Deployment

  • Express-Server mit session handling
  • Nutzerkontext bleibt über Tabs erhalten
  • Sicherer Token-Check & daily refresh
  • API-Handling zu OpenAI GPT-4o
  • Deployment via PM2 & NGINX
  • HTTPS mit Let's Encrypt integriert
  • Optimiert für Performance & Uptime
  • Logs & Restarts automatisch geregelt

Zurück Weiter


Admin-Login & App-Settings

  • Web-Interface zur App-Pflege
  • Login mit 2-Faktor-Authentifizierung
  • Theme & Avatar anpassbar
  • Auswahl GPT-Modell (z. B. 4o)
  • Port- & Session-Einstellungen
  • Fallback-Texte & Hinweise
  • Redirect-URL nach Chat-Ende
  • DSGVO-konform & sicher

Zurück Weiter


Admin: Individuelles Chatbot-Training

  • Vergabe von Persönlichkeit & Tonalität
  • Auswahl vorgefertigter Personas
  • „Dos and Don’ts“ für GPT
  • Trainingsfelder für Website-Inhalte
  • Uploadfunktion für Textmaterial
  • Eingabe von News mit hoher Priorität
  • Flexibles Prompt- & Antwortverhalten
  • Kontext bleibt im Session-Handling

Zurück Weiter


Cookie settings

In addition to the technically necessary cookies, statistical information is also collected if you authorize this.

https://www.t3berlin.com/pages/contact-imprint-privacy#slide66