Sites web
Jacquebonutti Acessórios Moda: shop website
A shop website for a fashion accessories shop in Brazil in plum and gold: a full-width aubergine-to-amber gradient hero with a serif wordmark, a three-column product grid, a cart modal and an order page.
Les études de cas sont en anglais.
- Contexte
- Jacquebonutti Acessórios Moda, a fashion accessories shop in Belo Horizonte, Minas Gerais, Brazil.
- Mon rôle
- Design and frontend development
- Année
- 2026
Aperçu
Jacquebonutti Acessórios Moda sells bags, jewellery, earrings and bracelets. The website presents the range with a cart and an order page.
Le problème
An accessories shop needed a website in Brazilian Portuguese to present its pieces and let customers put together an order.
La solution
A full-width gradient hero blends deep aubergine into warm amber, with a centred Cormorant Garamond wordmark and a gold pill button, followed by a dark plum info bar. Products sit in a three-column grid of white cards with photo, serif title and a plum cart button that briefly confirms each addition. The page continues with about, why-us, contact and FAQ sections. Floating cart and WhatsApp buttons stay in the corner; the cart opens as a centred modal, and checkout continues to a single-card order summary 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
- Gradient hero with a centred serif wordmark
- Three-column product grid with cart buttons that confirm each addition
- Cart in a centred modal with a total
- Order summary page with delivery and payment fields
- Floating cart and WhatsApp buttons
- Drop-down menu on phones
Défis techniques
Keeping the cart in reach
On a one-page shop the cart can get lost while scrolling. A floating cart button stays in the corner next to WhatsApp, and the cart opens as a modal without leaving the page.
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 jacque-bonutti.store.
Enseignements
- A floating cart button keeps the next step in view on a long page.
À 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. The desktop product grid is left out because it 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.