Websites
Warley Moda Masculina: Shop-Website
Eine Shop-Website für ein Herrenmodegeschäft in Brasilien in einem kantigen, redaktionellen Stil in Schwarz und Rot: riesige, schmale Titel in Grossbuchstaben mit einem roten Wort, ein geteilter Einstieg und ein asymmetrisches Produktraster.
- Kontext
- Warley Moda Masculina, ein Herrenmodegeschäft in São Mateus, Espírito Santo, Brasilien.
- Meine Rolle
- Design und Frontend-Entwicklung
- Jahr
- 2026
Überblick
Warley Moda Masculina verkauft Anzüge, Blazer, Hemden, Hosen, Accessoires und Schuhe. Die Website gibt dem Geschäft einen kräftigen, kontrastreichen Auftritt auf brasilianischem Portugiesisch.
Das Problem
Ein Herrenmodegeschäft brauchte eine Website auf brasilianischem Portugiesisch mit einem selbstbewussten, kontrastreichen Auftritt für Kategorien und Neuheiten.
Die Lösung
Schwarz und Rot, mit riesigen, schmalen Anton-Titeln, Beschriftungen in DM Mono und Inter für den Fliesstext. Die Seite öffnet mit einem Ladebildschirm mit Schriftzug und geht in einen geteilten Einstieg über (abgedunkeltes Foto auf der einen, Titel auf der anderen Seite). Danach folgen ein Lauftext für Aktionen, eine Kategorienliste mit Bildvorschau beim Darüberfahren, ein asymmetrisches Produktraster im Verhältnis zwei zu eins, ein Lookbook, ein Abschnitt über das Geschäft, ein Newsletter und die Fusszeile. Ein eigener Cursor-Ring und Einblendungen beim Scrollen bringen Bewegung.
Screenshots
Aufgenommen an der echten, live geschalteten Website.
Mein Beitrag
Die Website gestaltet und gebaut und auf der eigenen Domain des Geschäfts veröffentlicht.
Funktionen
- Ladebildschirm mit Schriftzug und geteilter Einstieg
- Kategorienliste mit Bildvorschau beim Darüberfahren
- Neuheiten in einem asymmetrischen Raster im Verhältnis zwei zu eins
- Lauftext für Aktionen und Einblendungen beim Scrollen
- Schwarzes Vollbildmenü auf dem Handy
Technische Herausforderungen
Wirkung ohne Unordnung
Riesige, schmale Titel können eine Seite überladen. Jeder Abschnitt erhält einen grossen Titel mit einem einzigen roten Wort, der übrige Text bleibt klein und in Monospace, sodass die Hierarchie klar bleibt.
Verifizierter Stack
- HTML
- CSS
- JavaScript
Fakten aus dem Code
- Sprache
- Brasilianisches Portugiesisch
- Produkte im Katalog
- 6
- Bestellung
- Über den Kontaktbereich
Ergebnisse
- Live unter warley-moda.site.
Erkenntnisse
- Eine Akzentfarbe für ein einziges Wort genügt, um eine ganze Seite zu tragen.
Zu dieser Fallstudie
Kunden-Website, mit Namen gezeigt und auf ihrer eigenen Domain live. Die Screenshots wurden auf der Live-Website aufgenommen. Die Bilder werden so gezeigt, wie sie auf der Website veröffentlicht sind; es handelt sich nicht unbedingt um Fotos des Geschäfts oder seiner Produkte.
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.