Lumora PortfolioAlle Projekte
Logo AntwerkerKundenprojekt · Generalunternehmer für Planung und Bau, Bremen

Antwerker

Antwerker plant und baut aus einer Hand, für Privatkunden, Gewerbe und Investoren. Wir haben die Website neu gebaut und zwei Rechner integriert: Interessenten bekommen in wenigen Minuten eine erste Kostenspanne für ihr Bauvorhaben. Alle Preise, Faktoren und Zuschläge pflegt Antwerker selbst im Cockpit, Änderungen gelten sofort auf der Website.

  • 4Bausteine
  • 2Anbindungen
  • 3Sprachen
  • 9Technologien
Ergebnis des Baukosten-Rechners: Kostenspanne mit Aufschlüsselung und Zusammenfassung der Angaben
Startseite in der Handy-Ansicht
  • 9Rechenwege im Baukosten-Rechner
  • 74Preiswerte im Cockpit selbst pflegbar
  • 24automatisierte Tests im Cockpit-Backend
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.

02Unsere Systeme
03Angebunden

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

Ablauf

Vom Interessenten zur ersten Zahl

  1. Projekt wählen

    Der Interessent wählt Neubau, Sanierung, Anbau oder Gewerbe. Der Fragenbaum stellt sich darauf ein.

  2. Angaben machen

    Fläche, Ausstattung, Energiestandard, Bauweise und Extras. Rechts steht jederzeit die Zusammenfassung.

  3. Spanne sehen

    Der Rechner nimmt die aktuellen Preise aus dem Cockpit und zeigt eine Kostenspanne mit Aufschlüsselung.

  4. Beratung anfragen

    Mit einem Klick geht die Anfrage samt Auswahl und Kostenrahmen ins Cockpit.

  5. Push aufs Handy

    Antwerker bekommt sofort eine Nachricht und sieht die Anfrage im Posteingang.

01
Website

Website

Die alte Website hatte keine eigenen Bereiche für die drei Zielgruppen und keinen Rechner. Die neue Website führt Privatkunden, Gewerbekunden und Investoren direkt zu ihrem Bereich. Kontakt- und Bewerbungsformular landen nicht im Mailpostfach, sondern im Cockpit.

Startseite mit den Einstiegen für Privatkunden, Gewerbekunden und Investoren
Startseite in der Handy-Ansicht
Bereich für Investoren
  • Bereiche für Privatkunden, Gewerbekunden und Investoren
  • Seiten für Leistungen, Über uns, Karriere und Kontakt
  • Kontaktformular und Bewerbungsformular mit Übergabe ins Cockpit
  • Eigene Handy-Ansicht mit Vollbild-Menü und Wischreihen
  • Standortkarte auf Basis von OpenStreetMap
  • Ruhigere Animationen, wenn das Gerät „Bewegung reduzieren“ meldet
Technik
  • HTML
  • CSS
  • JavaScript
  • OpenStreetMap
02
Rechner

Baukosten-Rechner

Der Rechner fragt Schritt für Schritt nach Projektart, Fläche, Ausstattung, Energiestandard und Extras. Je nach Antwort greift einer von neun Rechenwegen für Neubau, Sanierung, Anbau und Gewerbe. Grundlage sind BKI-Kennwerte, mit dem Baupreisindex von Destatis auf heute fortgeschrieben und mit dem Regionalfaktor Bremen angepasst.

Erste Frage des Baukosten-Rechners: Art des Projekts
Frage nach dem Ausstattungsniveau, rechts die bisherigen Angaben
Kostenspanne für einen privaten Neubau mit Aufschlüsselung
Baukosten-Rechner auf dem Handy
Ergebnis des Baukosten-Rechners auf dem Handy
  • Fragenbaum, der Fragen je nach Projektart ein- und ausblendet
  • Neun Rechenwege für Privat und Gewerbe, Neubau und Bestand
  • Kostenspanne mit Aufschlüsselung in Basis und Zusatzkosten
  • Umschaltung zwischen Brutto und Netto
  • Ergebnis als Anfrage mit allen Angaben ins Cockpit schicken
  • Preise kommen live aus dem Cockpit, ohne neue Website-Version
  • Rechenlogik mit Selbsttest gegen Referenzwerte dokumentiert übergeben
Technik
  • JavaScript
  • HTML
  • CSS
03
Rechner

Investment-Rechner

Investoren spielen ihre eigenen Zahlen für ein Objekt durch. Buy & Hold zeigt Rendite, Kapitaldienst und Cashflow über den gewählten Zeitraum. Fix & Flip rechnet Kosten, Verkaufserlös, Zinsen und Projektgewinn vor Steuern.

Investment-Rechner mit Auswahl zwischen Buy & Hold und Fix & FlipBeispieldaten
Buy & Hold: Eingaben links, Investition, Ertrag, Finanzierung und Cashflow rechtsBeispieldaten
  • Zwei Modelle: Buy & Hold und Fix & Flip
  • Kaufnebenkosten mit Grunderwerbsteuer, Notar und Makler
  • Finanzierung mit Eigenkapital, Zins und Tilgung, monatlich gerechnet
  • Brutto- und Nettomietrendite, Cashflow pro Monat und Jahr
  • Restschuld, Zinsen und Tilgung über den Betrachtungszeitraum
  • Prüfung der Eingaben mit Hinweisen zur Korrektur
Technik
  • JavaScript
  • HTML
  • CSS
04
Web-App

Antwerker Cockpit

Im Cockpit laufen alle Anfragen und Bewerbungen von der Website zusammen. Neue Eingänge melden sich per Push-Nachricht auf dem Handy. Antwerker ändert dort auch jeden Preis und Faktor des Baukosten-Rechners selbst, jede Speicherung wird als neue Fassung abgelegt.

Cockpit: Grundpreise des KostenrechnersBeispieldaten
Cockpit: Faktor ändern, mit Vergleich zum AusgangswertBeispieldaten
Cockpit: frühere Fassungen der PreiseBeispieldaten
Cockpit auf dem HandyBeispieldaten
  • Posteingang für Anfragen aus Kontaktformular, Rechner und Karriereseite
  • Push-Nachricht aufs Handy bei jedem neuen Eingang
  • Alle 74 Werte des Baukosten-Rechners in Gruppen pflegbar
  • Gespeicherte Änderungen gelten sofort auf der Website
  • Frühere Fassungen und Ausgangswerte mit einem Klick zurückladen
  • Schutz vor gleichzeitigen Änderungen durch zwei Personen
  • Installierbar als App auf dem Handy
  • Login mit Sitzung und Schutz der Formulare gegen fremde Seiten
Technik
  • Node.js
  • Fastify
  • SQLite
  • JavaScript
  • Progressive Web App
  • Web Push
Technik

Programmiersprachen und Technik.

Programmiersprachen
  • JavaScript
  • HTML
  • CSS
Frameworks und Bibliotheken
  • Node.js
  • Fastify
  • Progressive Web App
Datenbanken
  • SQLite
Verbindungen

Womit alles verbunden ist.

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

  • Web Push

    Benachrichtigung bei neuen Anfragen und Bewerbungen

  • OpenStreetMap

    Kartendaten für die Standortkarte