03/05Client project
All case studies

Uvita Body Shop

Spanish-first site for a body shop in Uvita, built around WhatsApp quotes

Visit live site(opens in a new tab)
Sector
Auto body and paint
Location
Uvita, Costa Rica
Year
2026
Role
Design · Development · SEO · Video
Uvita Body Shop home page on a desktop screen: a glossy red 3D car behind the headline “Enderezado y pintura. Acabado perfecto.”, with WhatsApp and phone buttons.
01Context

The brief

Uvita Body Shop repairs and paints cars in Uvita, Puntarenas. It straightens frames, paints whole cars, fixes dents and fits accessories, and its site has a page for each town it serves: Uvita, Dominical, Ojochal and Bahía Ballena.

We designed and built the site, its structured data and a 26-second brand reel. WhatsApp and phone buttons sit in the first screen, and the quote form is set up to email the shop before it opens WhatsApp with the message written. Spanish is the default; the service pages, guides and contact page also read in English.

026 features

What we built

01/06

Spanish first, English under /en

Spanish is the default and English lives under /en; browsers set to English are sent there. Service pages, guides, FAQ, about, contact and privacy read in English. Each page has an address in both languages, linked with hreflang tags.

See fig. 07
02/06

Quotes that end in WhatsApp

The quote form is set up to email each request to the shop, then opens WhatsApp with the message already written. A floating WhatsApp button stays on every page, and the home page shows an “open now” badge based on Costa Rica time.

See fig. 04
03/06

Spam filtered without a CAPTCHA

Quiet checks on the server stop simple bots, so customers never solve a puzzle. Campaign tags in the visitor’s link are kept for 90 days and sent with the request.

See fig. 05
04/06

A real-time 3D car

The first screen shows a 3D car whose light follows the cursor and whose body tilts with it. The compressed model weighs under 70 KB and is loaded on demand.

See fig. 02
05/06

A 26-second brand reel

We made a silent brand reel in four versions: Spanish and English, wide and vertical. The home page plays the one that fits the visitor’s language and screen, and only when they press play.

See fig. 03
06/06

Pages built to be found

Five service pages, four town pages and four guides each carry structured data, which tells Google what each page is. We also published plain-text files and an API description for AI assistants, and robots.txt lets their crawlers in.

03Facts only

Results

Spanish by default; English for services, guides, FAQ and contact
ES + EN
service and town pages, each with FAQ markup for Google
5 + 4
the quote form hands off to a chat with the message already written
WhatsApp
CAPTCHAs: spam is filtered on the server, not by the customer
0
brand reel in Spanish and English, wide and vertical
26 s
a single image, resized and re-encoded: nearly 1 MB to 34 KB
-96%
048 images

Gallery

Four process cards on the home page: 01 Evaluar, 02 Reparar, 03 Pintar and 04 Entregar, each with a short explanation.
01The shop’s process in four steps: evaluate, repair, paint, deliver.
Home page on a phone: the headline over a red 3D car, a short description, and WhatsApp and phone buttons side by side.
02On a phone the hero keeps the 3D car and the two contact buttons.
Still from the Spanish brand reel: the line “No reparamos carros. Los restauramos.” in white and red type on a dark background.
03A frame from the 26-second brand reel, Spanish version: large type on a dark background.
Contact section of the home page: a headline, WhatsApp and phone buttons, a green “open now” badge with location and hours, and the empty quote form.
04The quote form sits next to the WhatsApp and phone buttons. The green badge says whether the shop is open at that moment.
Contact section on a phone: a headline, a full-width WhatsApp button, a phone button, a green “open now” badge with hours, and the first field of the quote form.
05On a phone the WhatsApp button spans the full width, and the floating WhatsApp button stays in the corner.
Still from the English brand reel: the line “A finish that lasts.” in white and red type on a dark background.
06The English version of the reel. Each language has its own file, in wide and vertical formats.
English contact page: the headline “Let’s talk about your car”, the quote form, and the WhatsApp contact, hours and location in a side column.
07The English contact page uses the same form and the same details as the Spanish one.
Written warranty page in Spanish: the headline “Si no queda perfecto, lo volvemos a hacer”, WhatsApp and phone buttons, and two lists headed “Qué cubre” and “Límites”.
08The warranty page sets out what is covered and what is not, in plain sentences.
058 tools

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Three.js
  • GSAP
  • next-intl
  • Vercel
06Keep going

What's next

marceloretana.comMarcelo's build storyThe decisions behind the project, in his own words.(opens in a new tab)

Have a project like this in mind?

Start a project
04/05Next caseGoEasy.ChatWhatsApp support software