Sites web
Karinasa Souza Beleza: shop website
A shop website for a beauty and personal care shop in Brazil: a dark chocolate hero with cream serif headlines and a blush accent, soft cream cards and pill buttons, and a cart with a separate order page.
Les études de cas sont en anglais.
- Contexte
- Karinasa Souza Beleza, a beauty and personal care shop in Porto Alegre, Rio Grande do Sul, Brazil.
- Mon rôle
- Design and frontend development
- Année
- 2026
Aperçu
Karinasa Souza Beleza sells beauty and personal care products. The website pairs a warm, upscale look with a cart and an order page priced in reais.
Le problème
A beauty shop needed a website in Brazilian Portuguese where customers can browse products, build an order and fill in their details.
La solution
A dark chocolate hero panel with cream Cormorant Garamond headlines and a blush accent word, next to a large rounded photo card, with Plus Jakarta Sans body text, soft cream cards and pill-shaped buttons. The page continues with a ticker, categories, a product grid, a manifesto and contact. Products go into a slide-in "Sua sacola" drawer, and checkout continues to a separate order page with an order table and a short form.
Captures d'écran
Capturées sur le véritable site, en ligne.
Ma contribution
Designed and built the website and published it on the client's domain.
Fonctionnalités
- Product grid with category labels and prices in reais
- Slide-in cart drawer with quantity controls and a running total
- Separate checkout page with an order table and a short form
- Scrolling ticker and fade-up reveals
- Slide-in menu on phones
Défis techniques
Warm look, clear checkout
The soft, upscale styling must not hide the order flow. A cart button stays in the corner, the drawer shows the running total, and the checkout page repeats the order before the form.
Technologies vérifiées
- HTML
- CSS
- JavaScript
Faits tirés du code
- Language
- Brazilian Portuguese
- Products in the catalogue
- 6
- Ordering
- Cart and order summary
Résultats
- Live at karina-souza.shop.
Enseignements
- Showing the order again on the checkout page helps customers check it before they send it.
À propos de cette étude de cas
Client website, shown by name and live on its own domain. Screenshots were taken on the live site. Images are shown as published on the site; they are not necessarily photos of the shop or its products. Two product screenshots are left out because they showed a third-party logo.
Vous prévoyez un nouveau site, ou le vôtre est trop lent ?
Décrivez votre projet en quelques phrases. Dans les deux jours ouvrables, vous recevez des questions, une première approche et une fourchette de prix en CHF.