Sites web
Carlos Perez Moda Urbana: tailoring website
A website for a men's tailoring business in Brazil in a dark, structured style: near-black glass-like cards, off-white uppercase headlines and silver pill buttons, with the offer told as three tailoring lines and a four-step made-to-measure process.
Les études de cas sont en anglais.
- Contexte
- Carlos Perez Moda Urbana, a men's tailoring shop in Porto Alegre, Rio Grande do Sul, Brazil.
- Mon rôle
- Design and frontend development
- Année
- 2026
Aperçu
Carlos Perez Moda Urbana offers made-to-measure suits for men. The website presents the offer as tailoring lines and a process rather than a product catalogue.
Le problème
A tailoring business needed a website in Brazilian Portuguese that explains its made-to-measure offer and invites visitors to request an appointment.
La solution
Near-black panels with a faint warm-brown glow, off-white League Spartan uppercase headlines, Manrope body text and silver-gradient pill buttons. Content sits in rounded, softly bordered cards: a two-panel hero with a headline card and a photo card with English taglines and detail tiles, a manifesto, three tailoring lines (wedding, business and city night), a four-step process, contact and location, and a closing call to action. The links stay inline on phones.
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
- Two-panel hero with a headline card and a photo card
- Three tailoring lines as numbered photo cards
- Four-step made-to-measure process
- Appointment button in the header on every screen size
- Contact section with a map link
Défis techniques
A service, not a shop
Made-to-measure tailoring has no fixed products to put in a cart. The site presents three lines and the steps of the process instead, and every call to action leads to an appointment request.
Technologies vérifiées
- HTML
- CSS
- JavaScript
Faits tirés du code
- Language
- Brazilian Portuguese
- Tailoring lines
- 3
- Enquiries
- Appointment requests by email
Résultats
- Live at carlos-perez.website.
Enseignements
- For a service business, explaining the process can replace a product catalogue.
À 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.