Zum Inhalt springen
KIVA
← Alle Projekte

Websites

Marciavice Lifestyle Store: Shop-Website

Eine Shop-Website für ein Geschäft für Mode und Accessoires in Brasilien in tiefem Karminrot und Gold auf Creme: eine abgerundete dunkelrote Titelkarte, ein filterbares Produktraster, ein seitlicher Warenkorb und eine Bestellseite mit Schrittanzeige.

Kontext
Marciavice Lifestyle Store, ein Geschäft für Mode und Accessoires in Jucás, Ceará, Brasilien.
Meine Rolle
Design und Frontend-Entwicklung
Jahr
2026
Erster Bildschirm: Titelkarte in Karminrot und Gold mit Serifen- und Schreibschrift über weichen Modefotos.
Erster Bildschirm am Handy: Am Handy stehen Titel, Einleitung und Knöpfe in der Titelkarte in einer Spalte.

Überblick

Marciavice Lifestyle Store verkauft Damen-, Herren- und Kindermode, Schuhe und Accessoires. Die Website fasst das Sortiment in einem filterbaren Katalog mit Warenkorb und Bestellseite zusammen.

Das Problem

Ein Geschäft mit mehreren Produktlinien brauchte eine Website auf brasilianischem Portugiesisch, auf der die Kundschaft das Sortiment filtern, eine Bestellung zusammenstellen und sie vor dem Abschluss prüfen kann.

Die Lösung

Karminrot und Gold auf Creme, mit Cormorant Garamond, einem Akzent in Dancing Script und runder Nunito für den Fliesstext. Der Einstieg ist eine abgerundete dunkelrote Karte über verblassten Modefotos, gefolgt von einem Abschnitt über das Geschäft, einem Bildmosaik, dem Shop mit Kategoriefiltern, FAQ, Kontakt und Richtlinien. Artikel kommen in einen seitlichen Warenkorb mit Mengensteuerung, und die Bestellung geht auf einer Seite mit der Schrittanzeige Carrinho › Revisão › Confirmação 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

  • Fünfzehn Produkte mit Kategoriefiltern
  • Seitlicher Warenkorb mit Mengensteuerung und laufender Summe
  • Bestellseite mit dreistufiger Schrittanzeige, Positionstabelle und Kundenformular
  • FAQ und Richtlinien
  • Seitlich einfahrendes Menü auf dem Handy

Technische Herausforderungen

Viele Linien in einem Raster

Damen-, Herren- und Kindermode, Schuhe und Accessoires teilen sich einen Katalog. Kategoriefilter über dem Raster zeigen jeweils eine Linie.

Verifizierter Stack

  • HTML
  • CSS
  • JavaScript

Fakten aus dem Code

Sprache
Brasilianisches Portugiesisch
Produkte im Katalog
15
Bestellung
Warenkorb und Bestellübersicht

Ergebnisse

  • Live unter marciavice.online.

Erkenntnisse

  • Eine einfache Schrittanzeige macht eine statische Bestellung leichter nachvollziehbar.

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. Eine Telefonnummer in der Ankündigungsleiste ist in den Screenshots unkenntlich gemacht.

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.

Projekt anfragen →