Skip to content
KIVA
← All work

Websites

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.

Context
Carlos Perez Moda Urbana, a men's tailoring shop in Porto Alegre, Rio Grande do Sul, Brazil.
My role
Design and frontend development
Year
2026
First screen: Two-panel dark hero: a tall uppercase headline card next to a photo card of a model in a suit with detail tiles.
Phone first screen: On a phone the header shows the monogram, inline links and a silver appointment button above the hero card.

Overview

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.

The problem

A tailoring business needed a website in Brazilian Portuguese that explains its made-to-measure offer and invites visitors to request an appointment.

The 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.

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

  • 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

Technical challenges

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.

Verified stack

  • HTML
  • CSS
  • JavaScript

Facts from the code

Language
Brazilian Portuguese
Tailoring lines
3
Enquiries
Appointment requests by email

Outcomes

  • Live at carlos-perez.website.

Lessons

  • For a service business, explaining the process can replace a product catalogue.

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.

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.

Start a project →