# Mapersa.com — Detailed Analysis

**URL:** https://mapersa.com/
**Country:** Colombia (Medellin)
**Brands:** Videojet, Mettler Toledo, Maselli, Miho, Marsh, Wolke
**Verdict:** BEST IN CLASS — benchmark for Factronics redesign

---

## Layout Structure

### Homepage
```
[Header: Logo + Nav (Products, Industries, Support, Blog, Contact, Company)]
[Hero: Full-width banner image with overlay text + WhatsApp CTA button]
[4 Category Cards: Codificacion | Inspeccion | Maquinaria | EPC]
  - Each card has: industry photo background + title + icon + divider + description + "Learn more" arrow
[Why Choose Us section: 3 columns with icons]
  - "Experiencia y trayectoria" | "Conocimiento" | "Ingenieria que hace la diferencia"
[Featured Products: 4-column grid]
  - Each card: machine photo (consistent square crop) + product name + "Ver mas" link
[Blog section: 3-column grid of blog cards]
  - Each: featured image + title + link
[Footer: 4-column layout]
  - Logo + contact info | Business lines | About | Interest links
[WhatsApp floating button]
```

### Technology Category Page (e.g., /codificacion/)
```
[Hero: Full-width banner image with section title + subtitle + WhatsApp CTA]
[Technology tabs: 6 pill-shaped tabs]
  - Codificadoras Inkjet | Marcadoras Laser | Transferencia Termica | Inyeccion Termica | Codificadoras Cajas | Etiquetadoras
[Each tab expands to show:]
  - Section title + icon
  - 4-5 application photos in a row (showing real coding on products)
  - Product cards grid (2-4 columns)
  - "Ver todos" link at bottom
[Industry compatibility matrix: massive table with icons]
  - Rows: industries (Alimentos, Aseo, Automotriz, etc.)
  - Columns: technologies (CIJ, Laser, TTO, TIJ, LCM, LPA)
  - Cells: checkmark icons showing which tech works for which industry material
[Contact form section]
[Footer]
```

### Product Detail Page (e.g., /productos/codificadora-videojet-1240/)
```
[Breadcrumb]
[Product title + category badge]
[Image carousel: 4 images - machine shot + 3 application shots]
[CTA buttons: "Cotizar Ahora" (WhatsApp link)]
[Side contact form]
[Tabs: Descripcion | Beneficios | Especificaciones]
[Related products grid: 4+ columns]
[Footer]
```

---

## Image Usage Analysis

### Homepage Images: ~18
1. Hero banner image (industrial coding scene)
2. 4 category card background images (custom photography)
3. 8 featured product photos (machine shots, consistent style)
4. 3 blog post featured images
5. Logo in header
6. Brand partner logos inline

### Category Page Images: ~25-30
1. Hero banner image
2. 4-5 application photos per technology tab × 6 tabs = ~24-30
3. Product photos in grids (8-12 per page visible at once)
4. Industry icons (small, repeated)

### Product Page Images: 8-12
1. Main product photo (machine shot)
2. 3 application photos in carousel
3. 4-6 related product thumbnails
4. Technology icon badges

### Image Style
- **Consistent crop:** All product shots use the same approximate framing
- **White/light backgrounds** on product shots
- **Real application photos** (not stock) showing actual product coding
- **WebP format** for modern compression
- **Optimized file sizes** (all under 100KB)
- **Custom photography** not generic stock

---

## Layout Patterns to Copy

### 1. Technology Tabs System
The 6 pill-tabs on the coding page let users filter by technology without leaving the page. Each tab expands to show:
- An icon badge
- 4-5 application photos
- A product grid

**Factronics could use this pattern** for the Solutions hub:
- Tabs: CIJ Printers | Laser Coders | TTO | Inspection | Marking | Labeling | Packaging

### 2. Industry × Technology Matrix
Mapersa has a massive matrix table showing exactly which technologies work for which materials in each industry. This is incredibly useful for B2B buyers who want to know "does CIJ work on plastic bottles in food?"

**Factronics could use this** on the Food Manufacturing page.

### 3. Product Card Grid Pattern
Every product gets a square-cropped machine photo + name + link. Simple, scannable, effective.

**Factronics could use this** for the Solutions hub and all category pages.

### 4. Multi-Image Product Galleries
Every product page has 4 photos: the machine from the front + 3 application shots showing it coding on real products.

**Factronics already has these photos** — we just need to build the gallery.

### 5. WhatsApp Floating CTA
Persistent WhatsApp button in bottom corner for instant contact. Very common in Latin American markets but worth noting.

---

## Key Differences from Factronics

| Element | Mapersa | Factronics |
|---------|---------|------------|
| Product photos on cards | Yes - every product | No - text only |
| Application photos | 4-5 per technology | Rarely used |
| Technology filtering | 6 pill-tabs | No filtering |
| Industry matrix | Massive detailed table | Simple bullet list |
| Image count per page | 18-30 | 2-4 |
| Hero images | Full-width custom photo | Gradient background only |
| CTA prominence | WhatsApp button + form | Form + header buttons |