Honira Care Center: Redesign einer Gesundheits-Website

Honira Care Center bietet in Caloocan City Gesundheitsleistungen an und verkauft Gesundheitsartikel für zu Hause. Eine Gesundheits-Website muss ruhig und vertrauenswürdig wirken, deshalb ist das Redesign zurückhaltend: Türkis, Dunkelgrün und eine einzige Herzschlaglinie.

Die alte Startseite lud bei jedem Besuch 30.51 MB, vor allem PNG-Bilder mit 3240 px, was bei simulierten 10 Mbit/s 24.4 Sekunden dauerte. Auf einem 390 px breiten Handybildschirm war das Layout 634 px breit, die Produktfotos zeigten Marken Dritter, und die Seite machte Aussagen, die das Geschäft nicht belegen konnte.

Ein Neubau ohne Framework in hellem Türkis, Dunkelgrün und einem warmen Rot als Akzent, mit einer Serifen-Titelschrift. Unter dem ersten Bildschirm läuft eine Herzschlaglinie, und die Linie im Warenkorb-Knopf pulsiert, wenn sich der Warenkorb ändert. Die Leistungen stehen ohne Preise auf der Seite, gebucht wird per Anruf oder Nachricht. Der Shop bittet, Arzt oder Apotheke zu fragen und im Notfall die Notaufnahme eines Spitals aufzusuchen. 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, Warenkorb und Bestellseite neu aufgebaut, die Texte auf Aussagen geprüft und die alte und neue Version gemessen.

• Herzschlaglinie unter dem ersten Bildschirm, wiederholt im Warenkorb-Knopf, wenn sich der Warenkorb ändert
• Leistungen ohne Preise, Buchung per Anruf oder Nachricht
• Gesundheitsshop nach Verwendung gruppiert, mit fünfzehn Produkten
• Produktbilder mit neutraler Verpackung und leeren Displays statt Fotos mit Fremdmarken
• Hinweis im Shop, Arzt oder Apotheke zu fragen und im Notfall die Notaufnahme aufzusuchen
• Zwei unbestätigte Aussagen der alten Website entfernt: eine Zeile zur Mehrwertsteuer-Registrierung und eine zur Einhaltung von Vorschriften
• Warenkorb mit Mengensteuerung und dem Hinweis, dass noch nichts zu bezahlen ist
• Bestellung als vorausgefüllte E-Mail, die die Kundschaft selbst abschickt, das Team bestätigt zuerst Verfügbarkeit, Lieferung und Summe
• Prüfung der Felder auf der Bestellseite, einschliesslich philippinischer Handynummern

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

Gewicht der Startseite beim Laden

30.51 → 0.52 MB

Beim Laden am Handy

30.06 → 0.40 MB

Nach Scrollen der ganzen Seite

30.97 → 0.61 MB

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

24.4 → 0.52 s

Layoutbreite am Handy (390-px-Bildschirm)

634 → 390 px

Produkte im Shop

15

• →Live unter honirawellness.site.
• →Die Startseite lädt am Desktop 0.52 MB statt 30.51 MB und am Handy 0.40 MB statt 30.06 MB.
• →Während des Aufnahmelaufs keine fehlgeschlagenen Anfragen und keine Konsolenfehler auf der neuen Website.

• Im Gesundheitsbereich schaffen ruhiges Design und vorsichtige Worte mehr Vertrauen als grosse Versprechen.
• Wenn Bilder Illustrationen sind, gehört das auf die Seite.

Kunden-Website, mit Namen gezeigt. Die Screenshots der neuen Website stammen aus einem Aufnahmeskript auf einem lokalen Server; die alte Website wurde separat auf einem lokalen Server mit denselben Einstellungen gemessen, weil das Aufnahmeskript auf ihr nicht durchlief. Der Wert bei 10 Mbit/s beruht auf einer simulierten Verbindung und nicht auf Daten echter Besucher. Die Produkt- und Szenenbilder sind generierte Illustrationen mit neutraler Verpackung, leeren Displays und ohne Personen, keine Fotos des Zentrums, seines Personals oder seiner Ware, worauf der Shop hinweist. Beschreibungen von Leistungen, Personal und Produkten auf der Website stammen von der alten Website und sind nicht geprüft; diese Fallstudie macht keine medizinischen Aussagen, keine Aussagen zu Zulassungen und keine zu Behandlungsergebnissen. Das alte Produktraster wird nicht gezeigt, weil es Marken Dritter abbildete.