Sites web
Warley Moda Masculina: shop website
A shop website for a menswear shop in Brazil in a hard-edged black-and-red editorial style: huge condensed uppercase headlines with one word in red, a split hero and an asymmetric product grid.
Les études de cas sont en anglais.
- Contexte
- Warley Moda Masculina, a menswear shop in São Mateus, Espírito Santo, Brazil.
- Mon rôle
- Design and frontend development
- Année
- 2026
Aperçu
Warley Moda Masculina sells suits, blazers, shirts, trousers, accessories and shoes. The website gives the shop a bold, high-contrast look in Brazilian Portuguese.
Le problème
A menswear shop needed a website in Brazilian Portuguese with a confident, high-contrast look to present its categories and new arrivals.
La solution
Black and red, with huge condensed Anton headlines, DM Mono labels and Inter body text. The page opens with a branded loader into a split hero (darkened photo on one side, headline on the other), then a looping promo ticker, a category list that previews an image on hover, an asymmetric two-to-one product grid, a lookbook, an about section, a newsletter and the footer. A custom cursor ring and reveal-on-scroll animations add motion.
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
- Branded page loader and split hero
- Category list with an image preview on hover
- New arrivals in an asymmetric two-to-one grid
- Promo ticker and reveal-on-scroll animations
- Full-screen black menu on phones
Défis techniques
Impact without clutter
Huge condensed headlines can crowd a page. Each section gets one large headline with a single red word, and the rest of the text stays small and monospaced, so the hierarchy stays clear.
Technologies vérifiées
- HTML
- CSS
- JavaScript
Faits tirés du code
- Language
- Brazilian Portuguese
- Products in the catalogue
- 6
- Ordering
- Through the contact section
Résultats
- Live at warley-moda.site.
Enseignements
- One accent colour, used for a single word, is enough to carry a whole 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.
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.