Portfolio

Gebaut, selbst gebaut, betrieben.

Drei Spuren, weil sie drei verschiedene Fragen beantworten: liefere ich für zahlende Kunden, baue ich auch ohne Auftrag, und halte ich Systeme über die Zeit am Laufen. Was hier steht, existiert. Was noch nicht existiert, steht nicht hier.

Bezahlte Arbeit für echte Betriebe, alle live und alle unter ihrem eigenen Namen erreichbar.

vordermann-reinigung.at

Marketing-Site für einen Reinigungsbetrieb aus Wien, der Außenflächen in Wien, Niederösterreich, Burgenland und Kärnten reinigt — Terrassen, Einfahrten, Stein- und Betonflächen, Gehwege, Grünbereiche. Klare Struktur, schnelle Ladezeiten, Anfragen direkt über die Seite statt Telefon-Pingpong.

Direkte Anfragen statt Anrufkette — Webpräsenz und Lead-Kanal in einem.

Kontext
Freelance
Rolle
Konzept, Design & Entwicklung
vordermann-reinigung.at Startseite — Mitarbeiter im Einsatz vor einer Garageneinfahrt mit der Headline „Wir bringen Ihr Grundstück wieder auf Vordermann."

foundersgroup.at

Marketing-Landingpage, die ich für einen Freund umgesetzt habe — sein Kärntner Verein ist eine kuratierte Member-Community für junge Gründer:innen, Athlet:innen und ambitionierte Macher:innen zwischen 18 und 30. Konzept, Design und Umsetzung von der Idee bis zum Launch.

Zugang für Member-Anfragen und Vereinskommunikation.

Kompetent in der Umsetzung — Benjamin werde ich auf jeden Fall weiterempfehlen.
— Fabio Freisegger · Gründer foundersgroup
Kontext
Freelance
Rolle
Konzept, Design & Entwicklung
foundersgroup.at Startseite — zwei Samtsessel auf einem Wiener Balkon bei Nacht mit der Headline „Bist du bereit dein Umfeld zu ändern?"

scanzy.at

Marketing-Landingpage, die ich für einen befreundeten Anbieter von 360°-Rundgängen und Drohnenvideos in Österreich umgesetzt habe. Von Konzept und Design bis zur technischen Umsetzung — ein praxisnahes Beispiel dafür, wie ich eine Landingpage aufziehe.

Zentraler Anlaufpunkt für Anfragen und Standort-Präsentation.

Richtig starke Arbeit! Die Website von SCANZY ist modern, klar und macht sofort Lust auf mehr. Design und Struktur passen perfekt zum Angebot — man sieht sofort was SCANZY kann. Sehr zufrieden, klare Empfehlung!
— Lukas Muchitsch · Gründer SCANZY
Kontext
Freelance
Rolle
Konzept, Design & Entwicklung
scanzy.at Startseite — SCANZY-Wortmarke über einer warmen Sonnenuntergangs-Berglandschaft, darunter die Headline „Ihr Objekt hat mehr verdient als nur Fotos.“

Projekte ohne Auftraggeber. Sie beantworten die Frage, ob ich auch baue, wenn niemand dafür zahlt.

b-cal

End-to-End-Webapp-Showcase — Kalender-App mit Multi-Device-Auth, Email-Reminders und zweisprachigem UI. Beleg für Webapp-Arbeit jenseits von Marketing-Sites.

Showcase für sauber gebaute Webapps — ganzer Stack aus einer Hand.

Kontext
Eigenes Projekt
Rolle
Architektur & Entwicklung
Status
Code auf GitHub
b-cal Kalender-App — Monatsansicht in dunklem Theme mit farbcodierten Einträgen für die Kalender „Arbeit" und „Privat" und Datums-Sidebar links.

immo-radar

Marktanalyse für Kärntner Anlageimmobilien. Ein täglicher Voll-Crawl zweier Immobilienportale zieht sämtliche Inserate ein; Mehrfach-Inserate desselben Objekts werden zu einem echten Objekt zusammengeführt, statt die Statistik zu verfälschen. Daraus wachsen Zeitreihen über Bruttorendite und Quadratmeterpreise, gegen die sich das eigene Portfolio mit dem Markt-Median vergleichen lässt. Serverseitig gerendertes HTML, bewusst ohne Client-Framework. Läuft seit Juli 2026 täglich, vorerst nur privat zugänglich.

Kaufentscheidungen gegen echte Marktdaten statt gegen Bauchgefühl.

Kontext
Eigenes Projekt
Rolle
Architektur & Entwicklung
Jahr
2026
Status
Demo folgt

bfnoessler.at

Diese Site. Astro 6 mit handgeschriebenem CSS-Token-System, ohne Framework und ohne Tracking, zweisprachig mit eigener Stimme je Sprache. Design-System, Inhalte, Build und Betrieb liegen in derselben Hand.

Die Seite, auf der du gerade liest.

Kontext
Eigene Marke
Rolle
Konzept, Design & Entwicklung
Jahr
2026

Nicht gebaut und übergeben, sondern laufend betrieben: Server, Netz und Dienste, die ich selbst warte und im Zweifel selbst repariere. Das Datum an jeder Zeile ist der eigentliche Beleg.

  • seit

    Agent- und Automations-Server

    Gemieteter Cloud-Server in der EU, der die eigene Agenten- und Automationsschicht trägt: Crons, Briefings, Repo-Pflege, Monitoring-Logik.

    Läuft bewusst getrennt vom Kunden-Hosting, damit ein Fehler in der Automation nie eine Kunden-Site berührt.

  • seit

    Hosting- und Deploy-Server

    Selbst betriebene Deploy-Plattform auf einem gemieteten Cloud-Server in der EU. Kunden- und eigene Web-Anwendungen laufen containerisiert, jede mit eigenem TLS-Zertifikat.

    Die Maschine hinter dem Hosting-Angebot.

  • seit

    Heim-Server

    Wiederverwendete Desktop-Hardware als privater Medien- und Datei-Server, als Zweitstandort und als Testfläche.

    Ausschließlich über das private Netz erreichbar, kein offener Zugang von außen.

  • seit

    Privates Mesh-Netz

    Verbindet Server, Arbeitsrechner und mobile Geräte zu einem verschlüsselten privaten Netz. Administration und Datenabgleich laufen komplett darüber.

    Öffentlich erreichbar ist nur, was öffentlich erreichbar sein soll.

  • seit

    Rechnungssystem

    Selbst betriebene Fakturierung statt SaaS-Abo (Invoice Ninja): E-Rechnungen im europäischen Standardformat als Hybrid-PDF mit eingebettetem XML und Zahlungs-QR.

    Die eigene Buchhaltung läuft real darüber, seit der ersten Rechnung am Einrichtungstag.

  • seit

    Monitoring

    Überwacht alle betriebenen Dienste und Backup-Ketten und alarmiert bei Ausfall (Uptime Kuma, selbst gehostet). Neue Dienste bekommen standardmäßig einen Monitor.

    Hat im Juli 2026 einen stillen Backup-Ausfall aufgedeckt, der sonst wochenlang unbemerkt geblieben wäre.

  • seit

    backup-guard

    Eigenbau: selbstheilende Backup-Kette, die Datenbank-Dumps und Nutzerdaten nächtlich auf ein separates Offsite-Ziel spiegelt, mit echter Schreibprobe vor jedem Lauf.

    Bricht bei einem Fehler ab, statt Erfolg zu melden, damit das Monitoring anschlägt. Entstanden im Juli 2026 direkt aus einem realen Ausfall.

Drei Arbeiten aufgeschlüsselt: was zu lösen war, wie ich es gebaut habe, womit, und was am Ende lief.

SCANZY

Freelance · Konzept, Design, Build · React + Vite · 2026

Problem

SCANZY verkauft 360°-Touren, Drohnenflüge und FPV-Kino an Hotellerie, Immobilien und Hospitality. Das Produkt ist visuell, die bestehende Site löste das Versprechen nicht ein. Aufgabe: die Premium-Story in fünf Sekunden liefern, ohne in Agency-Showreel-Optik abzurutschen, und die etablierten Branchen-Routen (Hotel, Real-Estate, Restaurant, Kärnten) im Header erhalten.

Lösung

Editoriales Dark-Hero mit der Drohnen-Aufnahme als Signature-Element, Brand-System aus Mitternachtsblau, Cremegold und warmem Creme-Background (Edition 2026 als Canon). Source-Serif-Display mit goldenen Italics als wiederkehrendes Akzent-Motiv, bewusst kein Fraunces. Routen-Struktur für Immobilien-, Hotel-, Restaurant- und Kärnten-Landings im Header erhalten, Legal-Pages sauber daneben.

Stack

  • TypeScript
  • React 18
  • Vite
  • Tailwind CSS
  • shadcn/ui

Ergebnis

Brand-System im Code festgeschrieben statt nur im PDF. Zentraler Anlaufpunkt für Anfragen, der Gründer empfiehlt seither aktiv weiter („Design und Struktur passen perfekt zum Angebot“).

scanzy.at Startseite: SCANZY-Wortmarke über einer warmen Sonnenuntergangs-Berglandschaft, darunter die Headline „Ihr Objekt hat mehr verdient als nur Fotos.“

b-cal

Eigenes Projekt · Architektur und Entwicklung · 2025

Problem

Kalender-Apps wie Google oder Outlook ziehen Termine, Erinnerungen und Auth in fremde Ökosysteme. Ich wollte einen Beleg, dass ich eine vollwertige Webapp aus einer Hand bauen und betreiben kann, ohne mich an einen Anbieter zu binden. Frontend, Backend, Datenbank, Auth, Mail-Versand, Deploy.

Lösung

Next.js-Frontend gegen ein NestJS-Backend, Prisma als ORM auf PostgreSQL. Eigene Sessions statt Drittanbieter-Auth, Multi-Device, E-Mail-Erinnerungen über SMTP. UI zweisprachig (DE/EN), Dark- und Light-Theme. Lief als Demo auf eigener Hetzner-Infrastruktur, der Code ist öffentlich.

Stack

  • TypeScript
  • Next.js
  • NestJS
  • Prisma
  • PostgreSQL
  • SMTP
  • Hetzner

Ergebnis

Referenz-App: Jeder Layer (Auth, ORM, UI, Mail, Deploy) ist im Code nachvollziehbar.

b-cal Monatsansicht in dunklem Theme mit farbcodierten Einträgen für die Kalender „Arbeit“ und „Privat“.

bfnoessler.at

Eigene Marke · Konzept, Design, Build · Astro · 2026

Problem

Standard-Templates für Dev-Portfolios verkaufen das Falsche: Geist plus Geist Mono ist der AI-Template-Default, „Trusted by“-Wände sind der Agentur-Reflex, animierte Gradients der Showreel-Reflex. Für ein Angebot, das auf wiederkehrender Pflege kleiner Landingpages basiert, muss die visuelle Ebene ruhig, präzise und vertrauenswürdig lesen, nicht wie ein Cursor-Blob-Showreel.

Lösung

Self-hosted Astro-6-Site mit handgeschriebenem CSS-Token-System (kein Tailwind, kein Framework), einem einzigen Ink-Blue-Hue (oklch 248°), General Sans Variable plus Commit Mono statt Geist-Default, asymmetrisches editoriales Layout statt zentrierte Bullet-Grids. Zweisprachig DE/EN, jeweils eigene Stimme statt 1:1-Übersetzung. Kontaktformular mit Honeypot plus Per-IP-Rate-Limit, SMTP über nodemailer, kein Third-Party-Service. Kein Tracking, keine Third-Party-Schriften.

Stack

  • Astro 6
  • TypeScript
  • Hand-written CSS
  • Node standalone
  • nodemailer
  • Docker
  • Coolify

Ergebnis

Die Seite genau hier. Lighthouse mobile konsistent ≥95 auf Performance, Accessibility, Best Practices, SEO. Brand- und Tooling-Ebene tragen das Angebot, statt es nur zu illustrieren.