Websites
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.
- Context
- Jacquebonutti Acessórios Moda, a fashion accessories shop in Belo Horizonte, Minas Gerais, Brazil.
- My role
- Design and frontend development
- Year
- 2026
Overview
Jacquebonutti Acessórios Moda sells bags, jewellery, earrings and bracelets. The website presents the range with a cart and an order page.
The problem
An accessories shop needed a website in Brazilian Portuguese to present its pieces and let customers put together an order.
The 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.
Screenshots
Captured from the real, live website.
My contribution
Designed and built the website and published it on the client's domain.
What it does
- 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
Technical challenges
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.
Verified stack
- HTML
- CSS
- JavaScript
Facts from the code
- Language
- Brazilian Portuguese
- Products in the catalogue
- 6
- Ordering
- Cart and order summary
Outcomes
- Live at jacque-bonutti.store.
Lessons
- A floating cart button keeps the next step in view on a long page.
About this case study
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.
Planning a new website, or is yours too slow?
Describe it in a few sentences. You'll get a reply within two business days with questions, a rough approach, and a price range in CHF.