Kentrovia Prime Terrace: Redesign eines Quartierladens

Kentrovia Prime Terrace verkauft in Manuyo Uno, Las Piñas City, Lebensmittel, Haushaltsartikel und Kleinelektronik, mit Lieferung oder Abholung am selben Tag. Die neue Website leiht sich das, wovor alle warten: die «Now serving»-Anzeige.

Die alte Startseite lud bei jedem Besuch 55.55 MB, was bei simulierten 10 Mbit/s 44.8 Sekunden dauerte. Auf einem 390 px breiten Handybildschirm war das Layout 780 px breit, und Schriften, Icons und eine Karte kamen von sechs externen Hosts. Ausserdem nannte sie den Laden ein registriertes, mehrwertsteuerkonformes Unternehmen mit der Steuernummer als Beleg, versprach Aktionen und Treuevorteile, verlinkte ungeprüfte Social-Media-Konten und behauptete, ein Vitaminpräparat stärke das Immunsystem.

Ein Neubau ohne Framework in tiefem Grün, Buttergelb und Fast-Schwarz, mit einer runden Titelschrift, einer klaren serifenlosen Schrift und einer Punktmatrix-Schrift. Eine mit SVG gezeichnete LED-Anzeige ruft Wartenummern auf, bevor sie den Namen des Ladens zeigt, und der Warenkorb im Kopfbereich ist ein LED-Zähler mit rollenden Ziffern. Die Produkte sind buttergelbe Abreiss-Wartenummern von 01 bis 15, die beim Hinzufügen «in bag» gestempelt werden, unter dem Titel «Take a number». Die Kundschaft wählt Lieferung oder Abholung am selben Tag; Bar- und Kartenzahlung gibt es nur bei Abholung, und drei Ticket-Schritte erklären den Ablauf. 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 Bilder erstellt und für das Web komprimiert, LED-Anzeige, Zähler und Ticket-Stempel entwickelt, die Bestellseite für Lieferung oder Abholung neu aufgebaut, unbestätigte und gesundheitsbezogene Aussagen entfernt und die alte und neue Version mit demselben Skript gemessen.

• LED-Punktmatrix, die Wartenummern aufruft und dann den Namen des Ladens zeigt
• Rollender LED-Zähler als Warenkorb im Kopfbereich
• Produkte als Abreiss-Wartenummern, beim Hinzufügen «in bag» gestempelt
• Lieferung oder Abholung am selben Tag; Bar- und Kartenzahlung nur bei Abholung
• «How pickup works» in drei Ticket-Schritten
• Produktbilder mit erfundenen Markennamen, ohne echte Marken
• Angaben zu Mehrwertsteuer und Registrierung, Aktionen und Treuevorteile, ungeprüfte Social-Media-Links und eine Immunsystem-Aussage entfernt
• Keine erfundenen Bewertungen: Die alte Website hatte keine, also hat auch die neue keine
• Bestellung als vorausgefüllte E-Mail, die die Kundschaft selbst abschickt, das Team bestätigt zuerst Verfügbarkeit und Summe

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

Gewicht der Startseite beim Laden

55.55 → 0.47 MB

Beim Laden am Handy

55.57 → 0.37 MB

Nach Scrollen der ganzen Seite

55.83 → 0.71 MB

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

44.8 → 0.48 s

Layoutbreite am Handy (390-px-Bildschirm)

780 → 390 px

Produkte im Shop

15

• →Live unter kentroviaprime.online.
• →Mit demselben Skript gemessen: Die Startseite lädt am Desktop 0.47 MB statt 55.55 MB, am Handy 0.37 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.
• Keine Bewertungen erfinden, um einen Abschnitt zu füllen.
• Jede Aussage einer Website zu Vorschriften und Gesundheit prüfen.

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 Produktbilder sind generierte Illustrationen mit erfundenen Markennamen und ohne Personen, und der Shop weist darauf hin, dass die Fotos Illustrationen sind. Produkttexte und Lieferbedingungen stammen von der alten Website; die alte Website hatte keine Kundenbewertungen, und es wurden keine hinzugefügt. In den Screenshots sind die Steuernummer auf der alten Startseite und die Telefonnummer im neuen Handy-Menü unkenntlich gemacht.