Homepage-Lab — Runde 1
Die erste visuelle Runde unserer eigenen Startseite: zuerst die Bühne einzeln testen (das Herzstück), dann die drei Seitendesigns. Alle mit denselben zwei Platzhalter-Paaren — die echten 10 fiktiven Beispiele entstehen nach dem Design-Entscheid. Am besten auf dem Handy UND am PC anschauen.
«Porzellan-Galerie» — die Bühne ist gefüllt
Alle 10 fiktiven Vorher/Nachher-Paare sind produziert und eingebaut: Bühne rotiert durch alle 10 (Playbill wechselt mit), Beispiel-Galerie zeigt alle 10 Karten. Befores: 2010–2016-Realismus (Agentur-Fossil, Baukasten-Klone, leere Hüllen, Cookie-Kollision, Desktop-Dino). Afters: 10 verschiedene Design-Handschriften, keine zwei verwandt. Jede fiktive Firma mit dokumentiertem Kollisions-Check (2 Namen nach Funden ersetzt: Wandeler statt Kaufmann, Vonarburg statt Odermatt).
Runde 13 (Archiv)«Porzellan-Galerie» — Rating-Upgrade
Die 56-Punkte-Befunde behoben: Mobile-Bühnen-Bug hart abgesichert (kein toter Scroll mehr möglich — CSS-Guard) · Bühnen-Steuerung de-carousel'd: Story-Segmente statt Pünktchen+Balken (jedes Segment füllt sich während seines Paars — eigene Sprache, kein 2010er-Slider) · Nav zeigt die aktive Sektion · Preis-Fussnote kontrastfest. Vergleiche direkt mit Runde 12 (56/100, unverändert) darunter.
Runde 12 — 56/100 (Vergleichsversion, eingefroren)«Porzellan-Galerie» — Strich-Neufassung · Rating-Runde
Dein R11-Verdict umgesetzt: Foto raus, Platzhalter zurück, Porträt-Ecken entfernt · Vorhang-Strich neu gefasst: kein gestapeltes Ornament mehr — der Strich sitzt jetzt typografisch IN der Zeile vor dem Titelwort (22 px, mittig ausgerichtet), ein Druckerzeichen statt Dekoration · parallel läuft die nüchterne Bewertung mit unserem eigenen Design-Rating-Raster.
Runde 11 (Archiv)«Porzellan-Galerie» — Roter Faden · Mensch im Rahmen · Mobile Premiere
Alle drei Vorschläge gebaut: Vorhang-Strich öffnet jetzt jede Sektion (30-px-Bordeaux-Strich über dem Kicker; im Dunkel rosé; das Finale bewusst ohne — Rot-Balance) · Mensch im Rahmen: das Porträt trägt als EINZIGE neue Ecken-Instanz die Logo-Ecken (der Rahmen markiert, wofür Neuauftritt einsteht — erst der Name, hier der Mensch) + Briefkopf-Stempel für Adresse/UID · Mobile Premiere: nach dem Vorhang stupst der Griff einmal sanft zur Seite (Wisch-Hinweis, nur Touch). Dazu: Hover-Pixelruckler der Kreise behoben (Scale entfernt), Geister-«neu» neu platziert (im Luftraum der Überschrift, kein Karten-Clipping).
Runde 10 (Archiv)«Porzellan-Galerie» — Ecken-Disziplin · Slate B fix
Dein R9-Verdict umgesetzt: Ecken-Audit — die Rahmen-Ecken erscheinen nur noch dort, wo sie die Geschichte erzählen: Logo (oben + Footer), der grosse Rahmen um den ersten Bildschirm, die Schluss-Karte. Alle Kicker-Ecken entfernt (Farbe + Laufweite tragen sie allein) · Dunkelfarbe fixiert auf Variante B (exaktes Logo-Slate, Schalter entfernt) · Rottöne im Dunkel nachgestimmt (rosiger, minimal kühler — sitzt jetzt IM Slate statt daneben).
Runde 9 (Archiv)«Porzellan-Galerie» — Slate-Orbit · Spiel-Finale
Dein R8-Verdict umgesetzt: Zahlen-Band ~30 px tiefer (halbe Ziffernhöhe) · Kreis-Glow blendet jetzt weich ein/aus (gleicher Rhythmus wie die Karte) · Farbschalter neu: 4 Slate-Varianten rund um deinen Favoriten (A Standard · B exaktes Logo-Slate · C warm · D blau-tief) · Finale verspielt: Titel-Ecken in der Karte entfernt (kein Doppelrahmen), Karte hebt beim Hover, die Rahmen-Ecken ÖFFNEN sich (Vorhang-auf-Echo), der Stern dreht eine Vierteldrehung — und beim ersten Erscheinen wird er wie das Tüpfelchen aufs i gesetzt.
Runde 8 (Archiv)«Porzellan-Galerie» — Raum · Andocken · Farbwahl · Finale
Dein R7-Verdict umgesetzt: toter Raum unter der Bühne geschlossen (Zahlen-Band rückt in die Pin-Reserve, Ecke wandert mit) · Schritt-Kreise richtig angedockt (weisser Kragen + Haarlinien-Ring in der Kartenkante, Karten mit sichtbarem Rand; Rot-Glow beim Hover bleibt) · Ecken-Asymmetrie bestätigt und behoben (Laufweite des letzten Buchstabens schob die rechte Ecke 0.14 em weiter weg — rechts kompensiert) · Dunkel-Sektion: 4 Farbvarianten per Klick-Schalter unten rechts (Standard: Marken-Slate; Footer folgt automatisch — eine Dunkelfarbe für beides) · neues Finale: die Schluss-Karte steht im Neuauftritt-Rahmen (Ecken + Stern, Porzellan-Grund — Gelbweiss und Vorhang-Ränder entfernt).
Runde 7 (Archiv)«Porzellan-Galerie» — Entdoppelt · Logo-Ecken
Dein R6-Verdict umgesetzt: Informations-Architektur entdoppelt — das Zahlen-Band ist jetzt der EINZIGE Träger von «3 Arbeitstage» und «Feinschliff-Runde» (Hero-Untertitel ohne Zahlen, Schritt 2 umbenannt, Preis-Karte um die Doppel-Punkte gekürzt; CHF 3'000 erscheint nur noch im Band als Anker und im Preisteil als formales Angebot) · Kicker-Ecken jetzt in EXAKTER Logo-Geometrie (Abstand 0.50/0.96 em, Ecke 0.4 em, Haarlinie statt 2-px-Strich — das war der Unterschied) · Ausklang jetzt sichtbar: Vorhang-Ränder kräftiger, schliessende Ecke grösser und in Bordeaux.
Runde 6 (Archiv)«Porzellan-Galerie» — Playbill · Zahlen-Band · Ausklang
Alle drei Vorschläge gebaut: Playbill-Karte an der Bühne (Gewerk + Geschichte + Fiktiv-Label, wechselt mit jedem Paar) + Rotations-Fortschrittslinie · Zahlen-Band (3 · CHF 3'000 · 1) zwischen Bühne und Ablauf · Bühnen-Ausklang (Vorhang-Echo + schliessende Ecke im Schlussteil). Dazu dein Feedback: Kicker-Ecken exakt wie im Logo positioniert, Schritt-Kreise grösser und klar halb-draussen, Störlinie entfernt, Beispiel-Karten auf gleicher Höhe.
Runde 5 (Archiv)«Porzellan-Galerie» — Ein-Guss-Bühne
Dein R4-Verdict umgesetzt: Bühne wächst jetzt in EINER fliessenden Bewegung (kein Hochrutschen-dann-Ausdehnen mehr — sie bleibt stehen und gleitet in einem Zug wachsend in die Bildschirmmitte, dann scrollt sie weiter) · Kicker-Ecken jetzt PAARWEISE (öffnende + schliessende Ecke wie im Logo) · Bugs behoben: Schritt-Nummern nicht mehr abgeschnitten (overflow-Clip entfernt), Beispiel-Versatz deutlich sichtbar (52 px) · Hover-System unverändert (dein Gefallen).
Runde 4 (Archiv)«Porzellan-Galerie» — Handwerk-Rahmen
Dein R3-Verdict umgesetzt: Bühne klein beim Laden (Vorhang komplett sichtbar), wächst beim Scrollen MITTIG FIXIERT bis Vollbild, dann scrollt sie weiter · Dunkel-Sektion entrötet (neutraler, wärmer) · neues Hover-System: sofort reagierend, langsam ausklingend, mit Bordeaux-Lichtkante (statt träge/gimmicky) · Website-Check-Hover-Bug behoben · gegen das «Blog-Gefühl»: Marken-Eckwinkel rahmen den ersten Bildschirm, Kicker tragen den Eckwinkel, Ablauf-Nummern reiten auf einer Linie, Beispiele versetzt statt Raster.
Runde 3 (Archiv)«Porzellan-Galerie» — Apple-Glätte
Dein R2-Verdict umgesetzt: Magnet-Button entfernt · Bühne wächst beim Scrollen (startet gesammelt, füllt den Bildschirm, dann fliesst die Seite weiter) · «Nicht erleben»-Sektion: 4 Karten statt 5 (Junior raus, Domain-Tricks nach hinten), warmes Bordeaux-Dunkel statt kaltem Grau, Rosé-Akzente statt Feuerrot · CHF-3'000-Karte wieder hell (mit Bordeaux-Rahmen) · Hover-Anheben langsamer und weicher (450 ms).
Runde 2 (Archiv)«Porzellan-Galerie» — Liga-Ausbau
Dein R1-Verdict umgesetzt: gleiche gewonnene Richtung, jetzt mit Tiefe — geschichtete Schatten + Lichtkanten auf allen Karten, Korn-Textur, ein Bordeaux-Glühen im Hero, straffere Titel, dunkle CHF-3'000-Karte (dein behaltenes Element), weiches Scrollen, magnetischer Haupt-Button, ein Geister-«neu» hinter den Beispielen. Vorhang öffnet erst, wenn die ganze Bühne sichtbar ist — Hero kompakt, Bühne passt mit auf den ersten Blick.
Prototyp zuerstDie Bühne — einzeln zum Fühlen
Griff ziehen, tippen, Wechseltempo wählen (6/8/10 s), Übergangsdauer wählen, Vorhang wiederholen. Deine zwei Lieblingswerte entscheiden das Verhalten der echten Seite.
Hauptdesign«Porzellan-Galerie»
Gewählt, weil: helles Porzellan + viel Luft = die Galerie, in der die Bühne das einzige Kunstwerk ist. Vertraut-schweizerisch, ruhig, gross beschriftet — die sicherste erste Wirkung für einen 55-jährigen Betriebsinhaber, mit einem dunklen Ehrlichkeits-Kapitel als Wertanker.
Variante 1«Werkbühne»
Gewählt, weil: der dunkle Einstieg macht die Bühne zum Spotlight-Moment — Theater statt Galerie. Wirkt teurer und selbstbewusster; das Risiko: dunkel kann auf ältere Besucher weniger vertraut wirken. Deshalb unten hell.
Variante 2«Editorial»
Gewählt, weil: warme Papierfarbe + Fraunces-Serifen erzählen «Handwerk mit Stolz» — wie eine gute Werkstattbroschüre. Menschlichste der drei; das Risiko: am wenigsten «Tech», was für unser Produkt auch ein Vorteil sein kann.
Alle Inhalte final formuliert nach Strategie + Handwerker-Sprachregeln (Fixpreis sichtbar, 3 Arbeitstage, «zahlen Sie nichts»-Versprechen, Anti-Angst-Kapitel, CHF 19 Abo, UID). Interview-Funnel = bewusster Platzhalter. Fiktiv-Labels überall. — Lab-Seiten: noindex.