Websites
Homiselle Interior Loft: neue Shop-Website und Logo
Eine erste Website und ein Logo für ein Möbel- und Wohngeschäft auf den Philippinen, das bisher keine Website hatte: das Sortiment als vier Miniatur-Zimmer, Wohnen, Essen, Schlafen und Arbeiten, durch die man Raum für Raum einkauft. Die Startseite lädt 0.79 MB.
- Kontext
- Homiselle Interior Loft, ein Möbel- und Wohngeschäft in Muntinlupa City, Philippinen.
- Meine Rolle
- Logo, Design, Frontend-Entwicklung und Bildproduktion
- Jahr
- 2026


Überblick
Homiselle Interior Loft verkauft aus Muntinlupa City Möbel und Wohnaccessoires und hatte bisher keine Website. Die neue Seite geht davon aus, wie man tatsächlich einrichtet: Raum für Raum.
Das Problem
Das Geschäft brauchte einen ersten Webauftritt und eine Identität: ein Logo, eine klare Art, das Sortiment zu durchstöbern, und einen Bestellablauf, der ohne Zahlungs-Backend funktioniert.
Die Lösung
Eine Website ohne Framework in warmem Creme mit Zimmern in Terrakotta, Schieferblau, Ocker und Oliv. Der erste Bildschirm zeigt vier Miniatur-Zimmer, und jeder Zimmer-Knopf springt zum passenden Teil des Katalogs. Das Logo, eine Dachlinie, die ein H mit einem terrakottafarbenen Fenster bildet, wurde für dieses Projekt in SVG gezeichnet. Die Bestellübersicht heisst «Your rooms». 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.
Screenshots
Aufgenommen an der echten, live geschalteten Website.
Mein Beitrag
Das Logo gestaltet, die Website gestaltet und gebaut, die Bilder erstellt und für das Web komprimiert, Warenkorb und Bestellseite gebaut und das Ergebnis gemessen.
Funktionen
- Vier Zimmer-Knöpfe im ersten Bildschirm, die zu Wohnen, Essen, Schlafen und Arbeiten führen
- Katalog nach Zimmern statt nach Produktarten gruppiert
- Neues Logo und Schriftzug in SVG: eine Dachlinie, die ein H mit terrakottafarbenem Fenster bildet
- Bestellübersicht mit dem Titel «Your rooms»
- 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
- Hinweis im Shop, dass die Fotos gestaltete Illustrationen sind
Technische Herausforderungen
Bei null anfangen
Ohne frühere Website, Logo oder Fotos mussten Logo, Zimmer-Konzept und Bilder gemeinsam entstehen, damit sie vom ersten Bildschirm an als eine Identität wirken.
Bestellen ohne Backend
Die Website ist statisch und kann deshalb selbst keine Bestellung auslösen. Die Bestellseite prüft die Angaben und öffnet eine vollständige, vorausgefüllte E-Mail, die die Kundschaft abschickt. Sie erklärt auch, dass das Team zuerst bestätigt.
Verifizierter Stack
- HTML
- CSS
- JavaScript
- SVG
- WebP
- JSON-LD structured data
Fakten aus dem Code
- Gewicht der Startseite beim Laden
- 0.79 MB
- Beim Laden am Handy
- 0.67 MB
- Nach Scrollen der ganzen Seite
- 1.26 MB
- Vollständig geladen (simuliert, 10 Mbit/s)
- 0.60 s
- Anfragen an Drittanbieter
- 0
- Zimmer im Shop
- 4
Ergebnisse
- Live unter homiselleloft.store.
- Startseite beim Laden: 0.79 MB am Desktop und 0.67 MB am Handy, ohne Anfragen an Dritte.
Erkenntnisse
- Nach Zimmern einzukaufen entspricht der Art, wie man ein Zuhause einrichtet.
- Wenn Bilder Illustrationen sind, gehört das auf die Seite.
Zu dieser Fallstudie
Kunden-Website, mit Namen gezeigt. Das Geschäft hatte vorher keine Website, deshalb gibt es kein Vorher-nachher. Die Messwerte stammen aus einem Aufnahmeskript auf einem lokalen Server; der Wert bei 10 Mbit/s beruht auf einer simulierten Verbindung und nicht auf Daten echter Besucher. Die Bilder sind generierte Illustrationen eines Miniatur-Zimmer-Konzepts, ohne Personen, keine Fotos des Geschäfts oder seiner Ware, worauf die Website hinweist. Produktnamen, -texte und Preise auf der Website sind Platzhalter, bis das Geschäft sie bestätigt.
Planen Sie eine neue Website, oder ist Ihre heutige zu langsam?
Beschreiben Sie Ihr Vorhaben in ein paar Sätzen. Innerhalb von zwei Arbeitstagen erhalten Sie Rückfragen, einen groben Lösungsansatz und eine Preisspanne in CHF.