Projekt im Fokus

Mauerblick

Eine Web-App, mit der Bauherren und Handwerker jede Wand dokumentieren, bevor sie verputzt wird – damit man auch Jahre später weiß, was dahinter liegt.

Rolle
Konzept, Design & Entwicklung
Typ
Web-App für Handy & Desktop
Technik
React, TypeScript, Supabase
Status
Live seit April 2026
mauerblick.de besuchen
Startseite von Mauerblick: Überschrift „Wände vergessen nichts. Mach's ihnen gleich.“ vor einer Rohbauwand mit roten, blauen und gelben Leitungen

Das Problem

Verputzt ist verputzt.

Beim Neubau verschwinden Leitungen, Verteiler und Balken hinter dem Putz. Wer Jahre später ein Regal anbringt oder eine Steckdose versetzt, bohrt ins Blaue – und trifft im schlimmsten Fall die Wasserleitung.

Die Idee

Ein Gedächtnis für jede Wand.

Vor dem Verputzen entsteht eine durchsuchbare Karte des Hauses: Grundriss hochladen, Wände markieren, beide Seiten fotografieren, Leitungen und Maße eintragen.

Mauerblick-Startseite beim Scrollen: Die Wand ist zur Hälfte verputzt, eine Farbrolle ist zu sehen

Die Startseite erzählt das Problem selbst.

Hinter der Seite liegt eine rohe Mauer mit offenen Leitungen. Beim Scrollen wird sie verputzt, bis nichts mehr zu sehen ist – genau das Problem, das die App löst.

Funktionen

Was die App kann

  1. 01

    Grundriss mit einem Tipp

    Plan als Bild hochladen, einmal auf eine Wand tippen – die App verfolgt die Linie direkt im Browser und erkennt die Wand.

  2. 02

    Seite A und Seite B

    Jede Wand trennt zwei Räume, also bekommt sie zwei Fotogalerien. Farben auf dem Plan zeigen, wo noch Fotos fehlen.

  3. 03

    Leitungen, Maße, Notizen

    Strom, Wasser, Heizung oder Netzwerk pro Wandseite markieren – und später per Suche und Filter wiederfinden.

  4. 04

    Teilen mit Rollen

    Projekte per E-Mail mit Elektriker, Architektin oder Familie teilen – zum Ansehen oder Bearbeiten.

Baustelle und Schreibtisch

Auf der Baustelle fotografiert man mit dem Handy, am Schreibtisch liegen Etagen, Plan und Details nebeneinander. Die Oberfläche passt sich automatisch an.

Desktop-Ansicht der App: Wandliste links, Grundriss des Erdgeschosses mit markierten Wänden, darunter die Seiten A und B einer Wand
Mauerblick-Startseite auf dem Handy
Mauerblick auf dem Handy: Erklärung vor der halb verputzten Wand
App auf dem Handy: Grundriss hochladen

Unter der Haube

Technik, die man nicht sieht

  • Wanderkennung im Browser

    Bildanalyse ohne Server: Der Plan wird in Schwarz-Weiß zerlegt, die Linie ab dem Tipp-Punkt verfolgt und an Endpunkten eingerastet.

  • Räume aus den Wänden

    Räume werden aus dem Netz der Wände berechnet, die Raumnamen per Texterkennung aus dem Plan gelesen.

  • Schnelle Fotos

    Bilder werden schon im Browser verkleinert – aus 3–6 MB werden etwa 150–400 KB, bevor etwas hochgeladen wird.

  • Daten in der EU

    Login, Datenbank mit Zugriffsregeln pro Projekt und Fotospeicher auf Supabase mit Servern in Frankfurt.

  • React 19
  • TypeScript
  • Vite
  • Zustand
  • Supabase
  • PWA

Gestaltung

Warm statt Baustellengelb

Papierweiß, ein einziger Terrakotta-Akzent wie Ziegel und eine Monospace-Schrift für technische Angaben wie Wandnummern und Maße. Hell- und Dunkelmodus folgen dem System.

Mauerblick im hellen Modus: Abschnitt „Drei Dinge, die zählen“ mit Handy-Mockup
Derselbe Abschnitt im dunklen Modus

Dein Projekt als Nächstes?

Ob Website, Web-App oder beides: Erzähl mir, was du vorhast.