Websites
Jacquebonutti Acessórios Moda: Shop-Website
Eine Shop-Website für ein Geschäft für Mode-Accessoires in Brasilien in Pflaume und Gold: ein breiter Einstieg mit Verlauf von Aubergine zu Bernstein und einem Serifen-Schriftzug, ein dreispaltiges Produktraster, ein Warenkorb-Fenster und eine Bestellseite.
- Kontext
- Jacquebonutti Acessórios Moda, ein Geschäft für Mode-Accessoires in Belo Horizonte, Minas Gerais, Brasilien.
- Meine Rolle
- Design und Frontend-Entwicklung
- Jahr
- 2026
Überblick
Jacquebonutti Acessórios Moda verkauft Taschen, Schmuck, Ohrringe und Armbänder. Die Website zeigt das Sortiment mit Warenkorb und Bestellseite.
Das Problem
Ein Accessoire-Geschäft brauchte eine Website auf brasilianischem Portugiesisch, die seine Stücke zeigt und die Kundschaft eine Bestellung zusammenstellen lässt.
Die Lösung
Ein breiter Einstieg mit Verlauf von tiefer Aubergine zu warmem Bernstein, mit zentriertem Schriftzug in Cormorant Garamond und einem runden goldenen Knopf, gefolgt von einer dunklen Infoleiste in Pflaume. Die Produkte stehen in einem dreispaltigen Raster weisser Karten mit Foto, Serifen-Titel und einem Warenkorbknopf in Pflaume, der jede Auswahl kurz bestätigt. Danach folgen Abschnitte über das Geschäft, Gründe für den Kauf, Kontakt und FAQ. Schwebende Knöpfe für Warenkorb und WhatsApp bleiben in der Ecke; der Warenkorb öffnet sich als zentriertes Fenster, und die Bestellung geht auf einer Bestellübersicht in einer einzigen Karte 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
- Einstieg mit Farbverlauf und zentriertem Serifen-Schriftzug
- Dreispaltiges Produktraster mit Warenkorbknöpfen, die jede Auswahl bestätigen
- Warenkorb als zentriertes Fenster mit Summe
- Bestellübersicht mit Feldern für Lieferung und Zahlung
- Schwebende Knöpfe für Warenkorb und WhatsApp
- Aufklappmenü auf dem Handy
Technische Herausforderungen
Den Warenkorb in Reichweite halten
Auf einer einseitigen Shop-Website geht der Warenkorb beim Scrollen leicht verloren. Ein schwebender Warenkorbknopf bleibt neben WhatsApp in der Ecke, und der Warenkorb öffnet sich als Fenster, ohne die Seite zu verlassen.
Verifizierter Stack
- HTML
- CSS
- JavaScript
Fakten aus dem Code
- Sprache
- Brasilianisches Portugiesisch
- Produkte im Katalog
- 6
- Bestellung
- Warenkorb und Bestellübersicht
Ergebnisse
- Live unter jacque-bonutti.store.
Erkenntnisse
- Ein schwebender Warenkorbknopf hält auf einer langen Seite den nächsten Schritt im Blick.
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. Das Produktraster am Desktop wird nicht gezeigt, weil es ein Logo eines Dritten zeigte.
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.