Jolennea Nova Chamber: Redesign eines Beauty-Salons

Jolennea Nova Chamber bietet in Tala, Caloocan City, Haar-, Haut-, Nagel-, Spa- und Pflegebehandlungen an. Die neue Website baut auf dem Gegenstand auf, der an jedem Salonempfang liegt: dem Terminbuch.

Die alte Startseite lud bei jedem Besuch 84.82 MB, was bei simulierten 10 Mbit/s 68.4 Sekunden dauerte. Auf einem 390 px breiten Handybildschirm war das Layout 780 px breit, die Seite forderte Bilder an, die es nicht gab, und Schriften und Icons kamen von drei externen Hosts. Ausserdem verortete der Text den Salon in Pilar, Capiz statt in Caloocan City, zeigte die Steuernummer als Registrierungsnummer und behauptete eine Mehrwertsteuer-Konformität, die niemand bestätigt hatte.

Ein Neubau ohne Framework in Dunkelblau, Kraftpapier und einem roten Lesebändchen, mit einer kräftigen Slab-Serif, einer klaren serifenlosen Schrift und einer Handschrift. Neben den Behandlungen liegt ein Wochenkalender mit Stundenlinien von 8 bis 18 Uhr und einer schraffierten, als geschlossen gestempelten Sonntagsspalte. Wer eine Behandlung wählt, sieht sie von Hand auf eine Kraftpapiertasche geschrieben, beschriftet mit «Pencilled in, not booked yet»; ein Zeitfenster wird nie vergeben, die Anfrage fragt nach einem Wunschtag und einer Wunschzeit, und bezahlt wird nach der Bestätigung im Salon. Die Behandlungszettel haben perforierte Abrisse, und gerissene Kraftpapierkanten und Washi-Tape stammen aus dem Logo. 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, Terminbuch und Eintragstasche entwickelt, den Ablauf als Besuchsanfrage neu gebaut, Ort und Registrierungsangaben korrigiert und die alte und neue Version mit demselben Skript gemessen.

• Wochenkalender mit Stundenlinien und einer als geschlossen gestempelten Sonntagsspalte
• Gewählte Behandlungen von Hand auf eine Kraftpapiertasche geschrieben: «Pencilled in, not booked yet»
• Behandlungszettel mit perforierten Abrissen, gruppiert nach Haare, Gesicht und Brauen, Körper und Spa, Nägel und Pakete
• Besuchsanfrage mit Wunschtag und -zeit; das Team bestätigt, bezahlt wird im Salon
• Ort überall ausserhalb der Originalzitate von Pilar, Capiz zu Caloocan City korrigiert
• Steuernummer nicht mehr als Registrierungsnummer ausgegeben, unbestätigte Mehrwertsteuer-Angaben entfernt
• Anfrage als vorausgefüllte E-Mail, die die Kundschaft selbst abschickt
• Prüfung der Felder auf der Anfrageseite, einschliesslich philippinischer Handynummern
• Die ursprünglichen Kundenzitate wörtlich übernommen

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

Gewicht der Startseite beim Laden

84.82 → 0.54 MB

Beim Laden am Handy

84.81 → 0.37 MB

Nach Scrollen der ganzen Seite

84.82 → 0.69 MB

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

68.4 → 0.60 s

Layoutbreite am Handy (390-px-Bildschirm)

780 → 390 px

Leistungen auf der Website

15

• →Live unter jolenneanova.online.
• →Mit demselben Skript gemessen: Die Startseite lädt am Desktop 0.54 MB statt 84.82 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.
• Ein Design soll keine Buchung versprechen, die das System nicht leisten kann.
• Zuerst die Grundlagen prüfen: den Ort, die Nummern, die Aussagen.

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. Alle Bilder sind generierte Illustrationen eines erdachten Salons; auch die Personen darauf sind generiert und weder Personal noch Kundschaft des Salons, worauf die Website hinweist. Behandlungstexte, Preise und Kundenzitate stammen von der alten Website; die Zitate bleiben wörtlich, auch zwei, die den falschen Ort aus dem alten Text nennen.