Lumora PortfolioAlle Projekte
Logo Lumora WebsiteEigenes Produkt · Website mit Rechnern, Checks und Terminbuchung, Bremen

Lumora Website

Die Lumora-Website ist mit Astro und TypeScript gebaut und arbeitet für den Vertrieb. Besucher rechnen Preise und KI-Zeitersparnis aus, prüfen ihre Stellenanzeige und finden in zehn Fragen den Engpass ihrer Agentur. Wer weiter will, bucht in drei Schritten ein Erstgespräch oder holt sich ein kostenloses Paket. Jede Anfrage geht mit Herkunft und Kampagne direkt an unsere Zentrale.

  • 3Bausteine
  • 1Anbindungen
  • 4Sprachen
  • 8Technologien
Engpass-Check: Phase, Haupt-Engpass und Fortschritt pro Bereich nach zehn Fragen
Stellenanzeigen-Check auf dem Handy
  • 4Rechner und Checks mit Ergebnis im Browser
  • 10Fragen bis zur Diagnose im Engpass-Check
  • 3Schritte bis zum gebuchten Erstgespräch
Zusammenspiel

So hängt alles zusammen.

Links die Kanäle und Eingänge, in der Mitte unsere Systeme, rechts die angebundenen Dienste. Die Linien zeigen, wohin die Daten fließen.

01Kanäle
03Angebunden

Von uns gebautAngebundenKnoten antippen oder mit der Maus darauf zeigen, um die Verbindungen zu sehen

Ablauf

Vom Besuch zum Erstgespräch

  1. Landen

    Der Besucher kommt aus einer Anzeige oder einem Artikel, die Seite merkt sich Kampagne und Einstieg.

  2. Selbst rechnen

    Er nutzt einen Rechner oder Check und sieht sofort sein Ergebnis.

  3. Paket holen

    Unter dem Ergebnis wartet ein passendes kostenloses Paket gegen die Mail-Adresse.

  4. Termin wählen

    Drei Fragen, ein freier Tag, eine Uhrzeit und die Angaben.

  5. In der Zentrale

    Die Anfrage landet mit Herkunft in unserer Zentrale und wird dort weiterbearbeitet.

01
Web-Tools

Rechner und Checks

Der Preis-Rechner leitet aus Stunden, Kosten und Marge einen empfohlenen Preis ab, samt Mindestpreis, Setup und Amortisation. Der KI-Rechner zeigt, wie viele Stunden und wie viel Geld Automationen im Monat sparen. Der Stellenanzeigen-Check prüft eine eingefügte Anzeige auf zehn Punkte, darunter Formulierungen, die nach dem Gleichbehandlungsgesetz heikel sind. Der Engpass-Check ermittelt aus zehn Fragen Phase und Haupt-Engpass und schlägt drei nächste Schritte mit passender Automation vor.

Engpass-Check: Frage 1 von 10 mit Antworten per Klick
Ergebnis: Phase 2 von 4 und Haupt-Engpass Lead-Flow
Drei nächste Schritte, jeweils mit passender Automation
Stellenanzeigen-Check: eingefügte Anzeige links, zehn Prüfpunkte rechts
Preis-Rechner mit Reglern und empfohlenem Preis
KI-Rechner mit gesparten Stunden und Wert pro Monat
Stellenanzeigen-Check auf dem Handy
KI-Rechner auf dem Handy
  • Preis-Rechner mit Mindestpreis, Setup-Preis und Amortisation
  • KI-Rechner für gesparte Stunden und Wert pro Monat und Jahr
  • Stellenanzeigen-Check mit zehn Prüfpunkten und Erklärung zu jedem
  • Hinweise auf heikle Formulierungen wie Alter oder Muttersprache
  • Engpass-Check mit Phase, Haupt-Engpass und drei nächsten Schritten
  • Alles läuft im Browser, nichts wird gespeichert
  • Ergebnis auf Wunsch als Auswertung per Mail
  • Passendes kostenloses Paket direkt unter jedem Tool
Technik
  • TypeScript
  • Astro
  • JavaScript
02
Funnel

Terminbuchung und Formulare

Auf der Kontaktseite wählt der Besucher Thema, Teamgröße und Zeitpunkt, dann einen freien Tag und eine Uhrzeit und trägt zuletzt seine Angaben ein. Alle Formulare der Seite, vom Erstgespräch über Pakete bis zum Newsletter, schicken ihre Daten an unsere Zentrale. Mit dabei sind UTM-Werte, Klick-IDs, die erste Seite und die Seite davor, damit jede Anfrage ihrer Kampagne zugeordnet ist.

Kontaktseite: Schritt 2, Tag im Kalender wählen
Kontaktseite: Schritt 3, Angaben zum gewählten Termin
Terminwahl auf dem Handy
  • Terminwahl wie ein Buchungskalender mit freien Tagen und Uhrzeiten
  • Vorqualifizierung mit drei Fragen vor dem Termin
  • Kostenlose Pakete gegen Mail-Adresse, mit Freischalt-Seite
  • Newsletter-Anmeldung und Abmelden per Knopf
  • Herkunft mit UTM, fbclid und gclid an jede Anfrage gehängt
  • Meta-Pixel nur nach Einwilligung, dieselbe Ereignis-ID auch serverseitig
Technik
  • TypeScript
  • Astro
  • Meta
03
Website

Website und Content-Hub

Die Seite ist statisch gebaut und lädt schnell. Leistungen, Projekte und Karriere kommen aus Datendateien, Blogartikel aus MDX, und für jeden Artikel entsteht das Vorschaubild für soziale Netzwerke beim Bauen automatisch. Der Content-Hub bündelt Pakete, Vorlagen und Tools, jeweils mit eigener Freischalt-Seite.

Startseite mit Kernbotschaft und Kundenlogos
Ressourcen und Content-Hub
Startseite auf dem Handy
  • Statisch gebaut mit Astro für kurze Ladezeiten
  • Blog mit Kategorien und automatischen Vorschaubildern
  • Content-Hub mit kostenlosen Paketen und Vorlagen
  • Projektseiten mit Fallstudien
  • Weiterleitungen alter Adressen zentral gepflegt
  • Einwilligungs-Banner, der ohne Zustimmung nichts von Meta lädt
Technik
  • Astro
  • TypeScript
  • Tailwind CSS
  • HTML
  • CSS
Technik

Programmiersprachen und Technik.

Programmiersprachen
  • TypeScript
  • JavaScript
  • HTML
  • CSS
Frameworks und Bibliotheken
  • Astro
  • Tailwind CSS
Verbindungen

Womit alles verbunden ist.

Jede Anbindung mit dem, wofür sie im Alltag genutzt wird.

  • Meta

    Pixel nach Einwilligung, Ereignis-ID auch serverseitig über die Zentrale