Micharo Zenith Loft: Redesign eines Vermietungsangebots

Micharo Zenith Loft vermietet in Pasay City Wohnungen, Büros und Ladenflächen. Wer Räume sucht, denkt in Grundrissen, also ist die neue Website gezeichnet wie die Pläne, die ein Architekt übergibt.

Die alte Startseite lud bei jedem Besuch 61.78 MB, was bei simulierten 10 Mbit/s 49.8 Sekunden dauerte. Auf einem 390 px breiten Handybildschirm war das Layout 780 px breit, der Einleitungstext stand hellgelb auf Mauve, die Seite forderte Bilder an, die es nicht gab, und Schriften und Icons kamen von drei externen Hosts. Ausserdem nannte sie Registrierungs- und Mehrwertsteuernummern, die niemand bestätigt hatte, ungeprüfte Social-Media-Konten und einen Telefonlink, der noch auf eine alte Nummer zeigte.

Ein Neubau ohne Framework, schwarz auf Zeichenpapier mit Signalorange nur für Masse, gesetzt in einer Grotesk und einer Schreibmaschinenschrift. Der erste Bildschirm ist ein Planblatt mit verblasstem Loft-Grundriss, Nordpfeil, Massstabsbalken und einem Planstempel «Sheet A-01». Jede Einheit zeigt ein Foto neben einem gezeichneten Grundriss mit dem Hinweis «Richtgrundriss, nicht massstäblich»; Flächen stehen nur dort, wo die alten Daten sie nennen. Besucher filtern nach Wohnen, Büro und Laden, legen Einheiten in «My shortlist» und schicken eine Besichtigungsanfrage mit Wunschtag, Uhrzeit, Einzugsmonat und Besichtigung vor Ort oder virtuell. Mieten bleiben pro Einheit und Monat und werden nie zusammengezählt, online wird nichts bezahlt. Die Bilder sind komprimierte WebP-Dateien, die erst beim Scrollen laden, und die Schriften werden mit der Website ausgeliefert, sodass die Startseite ohne Anfragen an Dritte auskommt.

Die neue Website gestaltet und gebaut, die Grundrisse gezeichnet, die Bilder erstellt und für das Web komprimiert, Merkliste und Besichtigungsanfrage entwickelt, unbestätigte Angaben und den veralteten Telefonlink entfernt und die alte und neue Version mit demselben Skript gemessen.

• Erster Bildschirm als Architektenplan mit Loft-Grundriss, Nordpfeil, Massstabsbalken und Planstempel
• Jede Einheit als Foto neben ihrem eigenen gezeichneten Grundriss, der sich beim Darüberfahren oder Scrollen selbst zeichnet
• Filter für Wohnungen, Büros und Ladenflächen
• «My shortlist» statt Warenkorb; Mieten pro Monat, nie zusammengezählt
• Besichtigungsanfrage mit Wunschtag und -zeit, Einzugsmonat und Besichtigung vor Ort oder virtuell
• Flächen nur dort angegeben, wo die alte Website sie nannte
• Unbestätigte Registrierungs- und Mehrwertsteuernummern, ungeprüfte Social-Media-Konten und ein veralteter Telefonlink entfernt
• Mietbedingungen, die die alte Website nicht nannte, als «bitte kontaktieren Sie uns», nichts erfunden
• Die drei ursprünglichen Kundenzitate wörtlich übernommen

• HTML
• CSS
• JavaScript
• SVG
• WebP
• JSON-LD structured data

Gewicht der Startseite beim Laden

61.78 → 0.55 MB

Beim Laden am Handy

61.77 → 0.33 MB

Nach Scrollen der ganzen Seite

61.78 → 0.72 MB

Vollständig geladen (simuliert, 10 Mbit/s)

49.8 → 0.51 s

Layoutbreite am Handy (390-px-Bildschirm)

780 → 390 px

Angebotene Einheiten

10

• →Live unter micharozenith.site.
• →Mit demselben Skript gemessen: Die Startseite lädt am Desktop 0.55 MB statt 61.78 MB, am Handy 0.33 MB.
• →Während des Aufnahmelaufs keine fehlgeschlagenen Anfragen, keine Konsolenfehler und keine Anfragen an Dritte auf der neuen Website.

• Das beste Konzept funktioniert zugleich als Bedienoberfläche.
• Den Ablauf daran ausrichten, wie Menschen wirklich entscheiden, nicht an einer Shop-Vorlage.
• Wenn Daten fehlen, «kontaktieren Sie uns» schreiben, statt etwas zu erfinden.

Kunden-Website, mit Namen gezeigt. Screenshots und Messwerte stammen aus einem Aufnahmeskript, das auf der alten und der neuen Website lief, auf einem lokalen Server. Der Wert bei 10 Mbit/s beruht auf einer simulierten Verbindung und nicht auf Daten echter Besucher. Die Objektfotos sind generierte Illustrationen ohne Personen, die Grundrisse sind als Richtgrundrisse und nicht massstäblich gekennzeichnet, und die Website weist darauf hin, dass die Fotos Illustrationen sind. Objektbeschreibungen, Mieten und die drei Kundenzitate stammen von der alten Website; Mietbedingungen, die die alte Website nicht nannte, lauten «bitte kontaktieren Sie uns». Im Screenshot der alten Startseite sind Büroadresse, E-Mail und Telefonnummer unkenntlich gemacht.