Websites
Karinasa Souza Beleza: Shop-Website
Eine Shop-Website für ein Geschäft für Beauty und Körperpflege in Brasilien: ein schokoladenbrauner Einstieg mit cremefarbenen Serifen-Titeln und einem zartrosa Akzent, weiche, cremefarbene Karten und runde Knöpfe sowie ein Warenkorb mit eigener Bestellseite.
- Kontext
- Karinasa Souza Beleza, ein Geschäft für Beauty und Körperpflege in Porto Alegre, Rio Grande do Sul, Brasilien.
- Meine Rolle
- Design und Frontend-Entwicklung
- Jahr
- 2026
Überblick
Karinasa Souza Beleza verkauft Beauty- und Körperpflegeprodukte. Die Website verbindet einen warmen, gehobenen Auftritt mit einem Warenkorb und einer Bestellseite mit Preisen in Real.
Das Problem
Ein Beautygeschäft brauchte eine Website auf brasilianischem Portugiesisch, auf der die Kundschaft Produkte ansehen, eine Bestellung zusammenstellen und ihre Angaben eintragen kann.
Die Lösung
Ein schokoladenbraunes Feld mit cremefarbenen Titeln in Cormorant Garamond und einem zartrosa Akzentwort neben einer grossen, abgerundeten Fotokarte, dazu Plus Jakarta Sans für den Fliesstext, weiche, cremefarbene Karten und runde Knöpfe. Danach folgen ein Lauftext, Kategorien, ein Produktraster, ein Manifest und der Kontakt. Produkte landen in einer seitlich einfahrenden Tasche «Sua sacola», und die Bestellung geht auf einer eigenen Seite mit Bestelltabelle und kurzem Formular weiter.
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
- Produktraster mit Kategorien und Preisen in Real
- Seitlicher Warenkorb mit Mengensteuerung und laufender Summe
- Eigene Bestellseite mit Bestelltabelle und kurzem Formular
- Lauftext und Einblendungen beim Scrollen
- Seitlich einfahrendes Menü auf dem Handy
Technische Herausforderungen
Warmer Auftritt, klare Bestellung
Die weiche, gehobene Gestaltung darf den Bestellablauf nicht verstecken. Ein Warenkorbknopf bleibt in der Ecke, die Seitenleiste zeigt die laufende Summe, und die Bestellseite wiederholt die Bestellung vor dem Formular.
Verifizierter Stack
- HTML
- CSS
- JavaScript
Fakten aus dem Code
- Sprache
- Brasilianisches Portugiesisch
- Produkte im Katalog
- 6
- Bestellung
- Warenkorb und Bestellübersicht
Ergebnisse
- Live unter karina-souza.shop.
Erkenntnisse
- Wenn die Bestellseite die Bestellung noch einmal zeigt, kann die Kundschaft sie vor dem Absenden prüfen.
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. Zwei Produkt-Screenshots werden nicht gezeigt, weil sie ein Logo eines Dritten zeigten.
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.