Arbeiten · 13 Referenzen
Gebaut, gemessen, belegt.
Was auf den Karten steht
Jede Arbeit läuft unter ihrem Namen und trägt eine von drei Kennzeichnungen. Dazu die Branche, die Region, der eingesetzte Stack und eine Kennzahl.
- Kundenprojekt
- Im Auftrag gebaut. Quellcode und Repository gehen mit der Abnahme an den Kunden.
- Eigenentwicklung
- Ein eigenes Produkt von PrismaCodex, gebaut und betrieben im eigenen Haus.
- Studie
- Ein Entwurf aus eigenem Antrieb. Die gezeigte Firma ist erfunden, Gestaltung und Code stammen von uns. Kein Auftrag, kein Kunde.
- Lighthouse, mobil
- Der Performance-Wert der Startseite, mit Messdatum bei jeder Fallakte. Der tiefere SEO-Wert der Studien ist gewollt: Sie stehen auf noindex.
Die Referenzen
13 Arbeiten im Überblick.
Jede Karte zeigt den Anfang der ausgelieferten Seite als statisches Bildschirmfoto in Originalfarben, sichtbar ohne Zutun und ohne Nachladen. In der Fallakte fährt die Vorschau beim Überfahren die ganze Seitenhöhe ab.
- HaldentorAdvokatur und Notariat
- NordhaldeTreuhand und Steuerberatung
- RheumawerkRheumatologische Praxis
- FalkenstegImmobilientreuhand
- KOTE Bauleitung + ArchitekturBauleitung und Architektur
- Audiora HörberatungHörberatung und Akustik
- MASSBILDBauerneuerung und Baudokumentation
- Rietwang ArchitekturArchitektur
- Rissfeld ArchitekturArchitektur
- Baugibser TatuGipserbetrieb
- Reno nowWohnungsrenovierung
- parkettflick.chReparatur von Bodenbelägen
- TradeMentorXSaaS für Trading-Journale
Fallakten
Jede Referenz im Einzelnen.
Für jede Arbeit dieselben drei Felder. Im Ergebnis steht ausschliesslich Messbares: Seitenzahl, eingesetzter Stack und die Lighthouse-Werte der ausgelieferten Seite, jeweils mit Messdatum. Umsatz- oder Anfragezahlen aus dem Geschäft unserer Kundschaft führen wir nicht auf. Wir haben sie nicht gemessen.
Haldentor
01
- Branche
- Advokatur und Notariat
- Region
- Bern
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 95
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 69
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Eine Einzelkanzlei, die zwei getrennte Berufe in einer Hand führt: Advokatur und Notariat. Wer einen Vertrag aufsetzen lässt, sucht anders als jemand, der eine Beurkundung braucht. Beide Wege mussten nebeneinander stehen, ohne dass die Seite in zwei Hälften zerfällt.
Massnahme
19 Seiten, aufgeteilt in sieben Rechtsgebiete und fünf Beurkundungsbereiche, dazu Werdegang, Kontakt und die Rechtstexte. Auf der Startseite stehen die beiden Disziplinen als gleichwertiges Paar. Das Zeichen ist ein gezeichnetes Portal, kein Bild.
Ergebnis
19 Seiten, drei Bilddateien, das Zeichen als SVG im Code. Lighthouse mobil, gemessen am 3. August 2026: Performance 95, Barrierefreiheit 100, Best Practices 100, SEO 69.
Nordhalde
02
- Branche
- Treuhand und Steuerberatung
- Region
- Zürich und St. Gallen
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 92
- Performance
- 97
- Barrierefreiheit
- 100
- Best Practices
- 63
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Treuhandbüro mit zwei Standorten, acht Mitarbeitenden und fünf Beratungsfeldern, die ineinandergreifen. Der Auftritt musste diese Breite zeigen und trotzdem an jeder Stelle eine Person benennen, die zuständig ist.
Massnahme
28 Seiten mit eigener Unterseite je Beratungsfeld, je Standort und je Person. Wer sucht, landet über die Leistung oder über den Namen an derselben Stelle. Die Personen erscheinen als Monogramm statt als Foto, weil sie erfunden sind.
Ergebnis
28 Seiten, eine einzige Bilddatei im Projekt, alle weiteren Bilder aus lizenzierter Quelle. Lighthouse mobil, gemessen am 3. August 2026: Performance 92, Barrierefreiheit 97, Best Practices 100, SEO 63.
Rheumawerk
03
- Branche
- Rheumatologische Praxis
- Region
- Winterthur
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 93
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 69
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Eine Facharztpraxis mit zehn Behandlungsfeldern, die für Laien alle gleich klingen. Wer Rückenschmerzen hat, weiss nicht, ob er eine Abklärung, eine Infiltration oder eine Bildgebung braucht. Die Seite musste sortieren, ohne zu belehren, und am Ende auf einen Termin führen.
Massnahme
Sechs Seiten. Auf der Startseite stehen die zehn Felder als Karten, der Schwerpunkt Ultraschall bekommt eine eigene Seite. Sprechzeiten und Telefonzeiten stehen getrennt, weil sie sich unterscheiden. Der Terminweg liegt in jeder Kopfzeile.
Ergebnis
Sechs Seiten, fünf Bilddateien. Lighthouse mobil, gemessen am 3. August 2026: Performance 93, Barrierefreiheit 100, Best Practices 100, SEO 69.
Falkensteg
04
- Branche
- Immobilientreuhand
- Region
- Zug
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 93
- Performance
- 96
- Barrierefreiheit
- 100
- Best Practices
- 69
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Immobilientreuhänder bedient fünf Geschäfte, die wenig miteinander zu tun haben: vermarkten, bewerten, bewirtschaften, Stockwerkeigentum führen und Bauherren vertreten. Dazu kommt ein Objektkatalog, der sich laufend ändert. Beides musste auf derselben Seite Platz haben.
Massnahme
23 Seiten mit eigener Unterseite je Geschäftsfeld, dazu Objekte, Referenzen, Team und ein Fachbeitrags-Bereich. Objekte und Referenzen kommen aus einer einzigen Datendatei, damit eine Änderung nur an einer Stelle passiert.
Ergebnis
23 Seiten, 24 Bilddateien aus lizenzierter Quelle, eine Datendatei für Objekte und Referenzen. Lighthouse mobil, gemessen am 3. August 2026: Performance 93, Barrierefreiheit 96, Best Practices 100, SEO 69.
KOTE Bauleitung + Architektur
05
- Branche
- Bauleitung und Architektur
- Region
- Bern
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 99
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 66
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Bauleitung ist zu einem grossen Teil Protokoll: wer was wann entschieden hat, und was das kostet. Ein Büro, das Bauleitung und Architektur in einer Hand anbietet, muss beide Seiten zeigen, ohne dass eine die andere schluckt. Es muss ausserdem belegen, wie es dokumentiert, bevor jemand es beauftragt.
Massnahme
18 Seiten: vier Leistungen einzeln aufgeschlüsselt, neun Projekte je mit Adresse, Bauherrschaft und übernommener Rolle, dazu Werdegang und Kontakt. Die Gestaltung nimmt das Bauprotokoll als Vorbild: nummerierte Rapportzeilen, Zahlen in Festbreitenschrift, kein dekoratives Bildmaterial über dem Inhalt.
Ergebnis
18 Seiten, 60 Bilddateien mit belegter Herkunft. Lighthouse mobil, gemessen am 3. August 2026: Performance 99, Barrierefreiheit 100, Best Practices 100, SEO 66.
Audiora Hörberatung
06
- Branche
- Hörberatung und Akustik
- Region
- Zürich
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 95
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 66
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Hörgerät kauft niemand spontan. Der Weg dorthin führt über einen Test, und wer diesen Schritt scheut, will vorher genau wissen, was dabei passiert und wie lange es dauert. Die Seite musste die Hürde senken, statt Produkte zu zeigen.
Massnahme
12 Seiten entlang des Wegs statt entlang des Sortiments: Hörtest, Beratung, Geräte, Gehörschutz, Zubehör. Die Gestaltung nimmt das Audiogramm als Motiv. Seine beiden Kurvenfarben tragen die ganze Seite, gesetzt auf Papierton statt auf Weiss.
Ergebnis
12 Seiten, 27 Bilddateien mit belegter Herkunft. Lighthouse mobil, gemessen am 3. August 2026: Performance 95, Barrierefreiheit 100, Best Practices 100, SEO 66.
MASSBILD
07
- Branche
- Bauerneuerung und Baudokumentation
- Region
- Zofingen
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 87
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 66
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Zwei Geschäftsfelder, die zusammengehören und trotzdem verschiedene Leute ansprechen: Bauerneuerung richtet sich an Eigentümer, Baudokumentation an Planer und Verwaltungen. Beide mussten gleichwertig nebeneinander stehen, ohne dass die Seite in zwei Auftritte zerfällt.
Massnahme
9 Seiten mit einer geteilten Startseite, die beide Felder direkt anbietet, danach je ein eigener Strang. Die Gestaltung folgt dem Aufmass: Raster, Masslinien und eine zurückhaltende Zweifarbigkeit, die dem Bildmaterial den Vortritt lässt.
Ergebnis
9 Seiten, 43 Bilddateien mit belegter Herkunft. Lighthouse mobil, gemessen am 3. August 2026: Performance 87, Barrierefreiheit 100, Best Practices 100, SEO 66.
Rietwang Architektur
08
- Branche
- Architektur
- Region
- Weinfelden
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 93
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 66
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Architekturbüro wird über seine Bauten beurteilt, nicht über seine Selbstbeschreibung. Die Aufgabe war, sieben Projekte so zu zeigen, dass jedes für sich steht und trotzdem eine Handschrift erkennbar bleibt, und daneben ein Büro, das Leute sucht.
Massnahme
19 Seiten: sieben Projekte je auf eigener Seite, dazu Leistungen, Büro, offene Stellen und Kontakt. Die Farbigkeit kommt aus der Umgebung statt aus einer Palette: Kalkweiss, Tannengrün und Cortenrost, gesetzt in einer Serifenschrift mit ruhigem Duktus.
Ergebnis
19 Seiten, 66 Bilddateien mit belegter Herkunft. Lighthouse mobil, gemessen am 3. August 2026: Performance 93, Barrierefreiheit 100, Best Practices 100, SEO 66.
Rissfeld Architektur
09
- Branche
- Architektur
- Region
- Lenzburg
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS
- Status
- Studie
Lighthouse, mobil
- 95
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 66
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Büro mit langer Geschichte und breitem Werk: Einfamilienhäuser neben öffentlichen Bauten, Umbauten neben Gewerbe. Nach Jahreszahl sortiert wäre das unbrauchbar. Wer sucht, sucht nach seiner eigenen Bauaufgabe.
Massnahme
14 Seiten mit den Projekten nach Typologie geordnet statt nach Datum: sechs Kategorien, dazu Aktuelles, Team und ein eigener Strang für Verkaufsobjekte. Die Gestaltung zitiert den Werkplan: Masketten, Signalquadrat, Festbreitenschrift für Zahlen, keine abgerundeten Ecken.
Ergebnis
14 Seiten, 83 Bilddateien mit belegter Herkunft. Lighthouse mobil, gemessen am 3. August 2026: Performance 95, Barrierefreiheit 100, Best Practices 100, SEO 66.
Baugibser Tatu
10
- Branche
- Gipserbetrieb
- Region
- Meilen ZH
- Stack
- Next.js (App Router) · Tailwind CSS · next/image · Vercel
- Status
- Kundenprojekt
Lighthouse, mobil
- 99
- Performance
- 94
- Barrierefreiheit
- 100
- Best Practices
- 100
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Gipserbetrieb am Zürichsee mit drei getrennten Leistungsbereichen und vier Kundengruppen, die sehr unterschiedlich suchen. Eine Privatperson mit einem Wasserschaden braucht andere Antworten als eine Verwaltung vor dem Mieterwechsel. Der Auftritt musste beide an dieselbe Stelle führen: zur Offerte.
Massnahme
Acht Seiten, je eine für Gipsarbeiten, Trockenbau und Sanierung, dazu Preise, Über uns, FAQ und Kontakt. Auf jeder Leistungsseite steht in Stichworten, was enthalten ist. Ganz oben stehen zwei Wege nebeneinander: Offerte anfordern oder kostenlose Besichtigung.
Ergebnis
Acht Seiten, Bilder über next/image ausgeliefert. Lighthouse mobil, gemessen am 3. August 2026: Performance 99, Barrierefreiheit 94, Best Practices 100, SEO 100.
Reno now
11
- Branche
- Wohnungsrenovierung
- Region
- Kanton Zürich
- Stack
- HTML · CSS · JavaScript · Vercel
- Status
- Kundenprojekt
Lighthouse, mobil
- 98
- Performance
- 94
- Barrierefreiheit
- 100
- Best Practices
- 100
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Renovierung im Bestand ist vor allem Koordination: Bad, Küche, Elektro, Boden, eines nach dem anderen und alles im bewohnten Objekt. Wer anfragt, will vorher wissen, wer den Takt vorgibt und wie abgerechnet wird.
Massnahme
Zehn statische Seiten ohne Framework, mit vollständiger Struktur: Leistungen, Ablauf, Material, Projekte, Referenzen, Über uns und FAQ, dazu Impressum und Datenschutz. Der Anfrageweg liegt als Formular auf der Startseite.
Ergebnis
Zehn Seiten, eine Stylesheet-Datei, eine Skriptdatei, kein Framework. Lighthouse mobil, gemessen am 3. August 2026: Performance 98, Barrierefreiheit 94, Best Practices 100, SEO 100.
parkettflick.ch
12
- Branche
- Reparatur von Bodenbelägen
- Region
- Schweiz
- Stack
- HTML · CSS · Vercel
- Status
- Kundenprojekt
Lighthouse, mobil
- 98
- Performance
- 100
- Barrierefreiheit
- 100
- Best Practices
- 100
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Ein Betrieb, der Parkett, Vinyl und Laminat repariert, statt Böden neu zu verlegen. Das ist erklärungsbedürftig. Die meisten denken bei einem Schaden zuerst an die Komplettsanierung. Die Seite musste zeigen, dass der kleinere Eingriff reicht, und den Weg zur Offerte kurz halten.
Massnahme
Sieben statische Seiten. Leistungen mit Richtpreisen in Franken, eine Projektseite mit Aufnahmen vor und nach der Reparatur, ein Anfrageweg, der mit einem Foto des Schadens beginnt. Bilder als AVIF mit JPG als Rückfall.
Ergebnis
Sieben Seiten, eine Stylesheet-Datei, kein Framework. Lighthouse mobil, gemessen am 3. August 2026: Performance 98, Barrierefreiheit 100, Best Practices 100, SEO 100.
TradeMentorX
13
- Branche
- SaaS für Trading-Journale
- Region
- Schweiz
- Stack
- Next.js (App Router) · TypeScript · Tailwind CSS · Vercel
- Status
- Eigenentwicklung
Lighthouse, mobil
- 74
- Performance
- 95
- Barrierefreiheit
- 100
- Best Practices
- 100
- SEO
Gemessen am 3. August 2026 mit Lighthouse 13.4.1. Bedingungen: mobil, simulierte Drosselung nach Lighthouse-Standard, jeweils die Startseite. Das ist der heutige Stand der gebauten Seite, nicht der Wert bei der Übergabe. Was danach an Inhalten, Bildern oder Zusätzen dazukommt, liegt beim Betreiber.
Ausgangslage
Das eigene Produkt von PrismaCodex. Die Anwendung liest Handelsjournale ein, erkennt wiederkehrende Muster im Verhalten und leitet daraus Übungen ab. Ein Produkt, das man erklären muss, bevor jemand ein Konto anlegt. Genau das war die Aufgabe der Website.
Massnahme
Produktseite mit Demo-Video, Preisübersicht und Ablauferklärung, dazu ein eigener Bereich für den Early Access. Was sich importieren lässt, steht oberhalb der Falz: MetaTrader 5, CSV, Sierra Chart. Hosting und Datenschutz ebenso.
Ergebnis
15 URLs im Sitemap-Index, statisch vorgerendert ausgeliefert. Lighthouse mobil, gemessen am 3. August 2026: Performance 74, Barrierefreiheit 95, Best Practices 100, SEO 100.
Methodik
Woran wir uns messen lassen.
Ein Kundenprojekt ist fertig, wenn es im Netz steht und tut, wofür es gebaut wurde. Eine Studie steht nicht im Netz. Sie zeigt eine Firma, die es nicht gibt, und wäre dort eine Behauptung. Gebaut, gemessen und aufgenommen ist sie trotzdem, unter denselben Bedingungen wie alles andere auf dieser Seite.
Womit gebaut wird, entscheidet die Aufgabe. Eine Site, die wachsen und mehrsprachig werden soll, bekommt Next.js. Ein Betrieb mit sieben Seiten bekommt statisches HTML ohne Framework: weniger Teile, weniger, das altern kann. Der Stack steht bei jeder Referenz.
- 01
Fertig heisst online
Jede Arbeit ist eine mehrseitige Site mit vollständiger Navigation, im Browser aufrufbar. - 02
Zwei Bauweisen
Next.js, wo eine Site wachsen soll. Statisches HTML, wo Tempo und Ruhe zählen. - 03
Gemessen, mit Datum
Die Lighthouse-Werte stammen aus einer eigenen Messung. Das Datum steht dabei.
Nächster Schritt
Auch wenn sich nichts lohnt, sagen wir Ihnen das.
Schicken Sie uns die Adresse Ihrer bestehenden Seite. Sie erhalten innert 48 Stunden, werktags, eine konkrete Einschätzung: was sich lohnt, was nicht, und was es kosten würde.