Lumora PortfolioAlle Projekte
Logo ABE Energie GmbHKundenprojekt · Elektrotechnik und Photovoltaik, Düdenbüttel

ABE Energie GmbH

ABE Energie ist ein Meisterbetrieb für Elektrotechnik, Photovoltaik und Smart Home aus Düdenbüttel bei Stade. Wir haben die alte Website durch eine schnelle Firmen- und Karriere-Website ersetzt, auf der sich Fachkräfte in wenigen Schritten direkt am Handy bewerben. Jede Bewerbung und jede Kundenanfrage landet in einem eigenen Verwaltungsbereich. Dort pflegt der Inhaber Stellen, Fragen im Bewerbungsfunnel und Referenzen selbst, ganz ohne Agentur.

Live
  • 3Bausteine
  • 3Anbindungen
  • 1Sprache
  • 9Technologien
Startseite der ABE Energie Website mit Hero „Strom, Sonne, smarte Technik. Hand drauf.“
Startseite auf dem Handy mit Anruf- und Anfrage-Button
  • 4Stellen mit eigenem Bewerbungsfunnel
  • 5Bereiche im Verwaltungsbereich
  • 6Tabellen in der eigenen Datenbank
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.

01Besucher
02Unsere Systeme
03Betrieb

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

Ablauf

Von der Stellenanzeige zur Bewerbung

  1. Stelle anlegen

    Der Inhaber legt die Stelle mit Aufgaben, Vorteilen und passenden Funnel-Fragen im Verwaltungsbereich an.

  2. Sofort online

    Die Stellenseite erscheint direkt auf der Website und im Karrierebereich.

  3. Bewerben am Handy

    Bewerber beantworten wenige Fragen und wählen Telefon, WhatsApp oder E-Mail als Kontaktweg.

  4. Eingang im Backend

    Die Bewerbung wird mit allen Antworten gespeichert und als neu markiert.

  5. Rückmeldung

    Der Inhaber sieht alles auf einen Blick, notiert sich Infos und meldet sich auf dem gewünschten Weg.

Bausteine

Was wir gebaut haben.

3 Bausteine, jeder mit Funktionen, Bildern und der Technik dahinter.

01
Website

Firmen- und Karriere-Website

Die Website stellt Leistungen, Referenzen und das Team vor und führt Kunden mit klaren Anfragebuttons zum Kontakt. Der Karrierebereich zeigt alle offenen Stellen, die Ausbildung und die Vorteile im Betrieb. Inhalte wie Stellen und Referenzen kommen live aus der Datenbank und erscheinen sofort, wenn sie im Verwaltungsbereich gespeichert werden.

Startseite mit Hero, Rückruf-Versprechen und Zertifizierungen
Karriereseite „Mit Energie in deinen nächsten Job“ mit vier offenen Stellen
Startseite auf dem Handy mit Anruf- und Anfrage-Button
  • Leistungsseite mit sechs Bereichen von Photovoltaik bis Service und Wartung
  • Referenzseiten mit Galerie, Kenndaten und Kundenstimme
  • Karrierebereich mit allen offenen Stellen und eigener Ausbildungsseite
  • Kontaktformular, das Anfragen direkt in den Verwaltungsbereich schreibt
  • Anruf- und Anfrage-Leiste fest am unteren Rand auf dem Handy
  • Eigenes Design-System in den Markenfarben von ABE
Technik
  • Astro
  • React
  • TypeScript
  • Tailwind CSS
  • Node.js
02
Funnel

Bewerbungsfunnel

Jede Stellenseite hat einen eigenen Funnel mit Fragen, die zur Stelle passen. Bewerber geben Kontaktweg, Erfahrung, Interessen und möglichen Start an und sehen am Ende eine Zusammenfassung. Halb ausgefüllte Bewerbungen bleiben im Browser gespeichert, damit niemand von vorn anfangen muss.

Stellenseite Elektroniker mit Aufgaben und Bewerbungsfunnel daneben
Funnel-Schritt 2: Frage nach den Jahren BerufserfahrungBeispieldaten
Funnel-Schritt 3: Mehrfachauswahl der WunschbereicheBeispieldaten
Letzter Schritt: Zusammenfassung der Bewerbung mit Datenschutz-ZustimmungBeispieldaten
Bewerbungsfunnel auf dem Handy, Schritt 3 von 5Beispieldaten
  • Eigene Funnel-Fragen je Stelle als Einfach- oder Mehrfachauswahl
  • Kontakt wahlweise per Telefon, WhatsApp oder E-Mail
  • Fortschrittsbalken mit Schrittanzeige
  • Prüfung der Pflichtangaben in jedem Schritt
  • Zwischenstand bleibt im Browser erhalten
  • Zusammenfassung mit Datenschutz-Zustimmung vor dem Absenden
  • Bewerbung landet sofort im Verwaltungsbereich
Technik
  • React
  • TypeScript
  • Tailwind CSS
03
Web-App

Verwaltungsbereich

Hinter der Website läuft ein geschützter Verwaltungsbereich mit eigener Datenbank. Der Inhaber sieht neue Bewerbungen und Anfragen auf einen Blick, setzt einen Status und hält interne Notizen fest. Stellen, Funnel-Fragen und Referenzen samt Bildern pflegt er selbst, die Website zeigt Änderungen sofort.

Übersicht im Verwaltungsbereich mit Kennzahlen und neuesten EingängenBeispieldaten
Bewerbungs-Inbox mit Filter nach StatusBeispieldaten
Einzelne Bewerbung mit Antworten aus dem Funnel, Status und NotizenBeispieldaten
Kontakt-Inbox mit Kundenanfragen nach ThemaBeispieldaten
Stelle bearbeiten mit Stammdaten, Aufgaben und Anforderungen
Referenzliste im Verwaltungsbereich mit Typ, Ort, Jahr und Status
  • Übersicht mit Kennzahlen und den neuesten Bewerbungen und Anfragen
  • Bewerbungs-Inbox mit Status Neu, Gelesen und Archiviert
  • Interne Notizen zu jeder Bewerbung und Anfrage
  • Kontakt-Inbox mit Antwort per E-Mail auf einen Klick
  • Stellen anlegen und bearbeiten, inklusive Funnel-Fragen
  • Referenzen mit Kenndaten, Galerie und Bild-Upload pflegen
  • Login mit Passwortschutz und Sitzung über 30 Tage
Technik
  • Astro
  • Node.js
  • TypeScript
  • SQLite
  • nginx
  • PM2
  • Linux
Technik

Programmiersprachen und Technik.

Programmiersprachen
  • TypeScript
Frameworks und Bibliotheken
  • Astro
  • React
  • Tailwind CSS
  • Node.js
Datenbanken
  • SQLite
Plattformen und Betrieb
  • nginx
  • PM2
  • Linux
Verbindungen

Womit alles verbunden ist.

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

  • SQLite

    Stellen, Referenzen, Bewerbungen und Anfragen

  • nginx

    Auslieferung mit SSL-Zertifikat

  • PM2

    Dauerbetrieb des Node.js-Servers

Nächstes ProjektLogo Orient Parfüm PalastOrient Parfüm PalastEigene Stempelkarten-App für den Shopify-Shop: Stempel rechnen sich von selbst, Prämiencodes entstehen automatisch, jeder Kunde sieht seinen Stand im Kundenkonto.