Case Study · Web Design · Multi-page Website

Zebra

Zebra is a marketing and performance agency in southeast Mexico. We built a monochrome, multi-page website that spreads the proof across the home, named testimonials with real numbers, and dedicated pages by industry: real estate, healthcare, and restaurants.

Project Type
Corporate Website · Multi-page
Year
2025
Services
Web Design, UI, Front-end.
Tools
Astro · Tailwind
mercadotecnia-digital.com
View live ↗
Zebra homepage, full scroll preview Hover to scroll
Zebra in Numbers

A results-driven agency the site had to prove.

Zebra has spent years investing and measuring every marketing peso for its clients across southeast Mexico. The site had to carry that evidence (investment, results, certifications) without falling into the visual noise typical of the sector.

+300
Clients served across industries
+600M
USD generated in measurable results for clients
#1
Digital marketing agency in southeast Mexico, 4 years running (Merca 2.0)
5
Official partner certifications: Google, Meta, HubSpot, Shopify, Kommo

One agency, three industries, one proof system.

Zebra serves real-estate developers, clinics, and restaurants with different strategies but the same promise: measurable results. Instead of one generic landing page, the site needed dedicated pages per industry that speak each client’s language without breaking the monochrome brand identity.

The Challenge

Differentiate an agency in a category full of clichés and vague promises, communicating authority with real numbers (investment, results, certifications) across three distinct industry verticals, without falling into generic "tailored solutions" language.

Our Approach

A high-contrast monochrome system repeated across every page: strong typography, large metrics as proof, testimonials with real names and companies, and dedicated industry pages that adapt the message without breaking the visual system.

Every page answers a different question.

The site spreads proof out instead of stacking it on one landing page: the home states the promise, testimonials bring the evidence with a name and a number, industry pages speak each client’s specific language, and a proprietary course turns the agency’s experience into a product.

mercadotecnia-digital.com/
View ↗
Page Home · Zebra Hover to scroll
HomeThe measurable-marketing promise, stated in the first screen.
mercadotecnia-digital.com/testimonios
View ↗
Page Testimonials · Zebra Hover to scroll
TestimonialsSocial proof, with a name, company, and result.
mercadotecnia-digital.com/servicios/marketing-inmobiliario
View ↗
Page Real Estate Marketing · Zebra Hover to scroll
Real Estate MarketingThe language and numbers specific to its strongest vertical.
mercadotecnia-digital.com/cursos
View ↗
Page Course: Sales Funnel Model · Zebra Hover to scroll
Course: Sales Funnel ModelThe agency’s own experience, turned into a system that teaches how to convert traffic into clients.

Authority in black and white.

The palette is deliberately monochrome (black, white, and grays) with strong typography and dark bands marking rhythm between sections. In a category used to visual noise, restraint reads as confidence and lets real numbers and testimonials speak, like Belén Escobar’s (Habaneros), who reports a 23x increase in foot traffic working with Zebra.

Work with us

Your product,
built right.

Zebra showed how a consistent proof system (numbers, testimonials, and industry pages) can scale without losing identity. If your brand needs to communicate results on more than one front, let’s talk.