# Competitor Analysis — Image & Layout Study

**Date:** June 27, 2026
**Analyzed Sites:** Mapersa (Colombia), Marcando (Colombia), Tourmaline Enterprises (USA), Diagraph (USA), Marcando Soluciones (Colombia)
**Purpose:** Understand how competitors use photography in their layouts to inform Factronics website redesign.

---

## Executive Summary

The Factronics website has strong copy and Hormozi-style layout but **lacks photography showing machinery, application examples, and coding in action on real products**. All five competitors we analyzed use 2x to 5x more images per page. Mapersa and Diagraph are the best benchmarks because they balance image density with clear messaging.

**Key finding:** The most successful competitor layouts combine:
1. **Hero shots of the actual machine** (product photography)
2. **Application shots showing the machine coding on real products** (e.g., a CIJ printer marking a bottle)
3. **Result shots showing the final code** (close-up of a legible batch code on packaging)
4. **Icon-driven navigation** for technology categories
5. **Product card grids** with consistent thumbnail sizes

---

## Image Count Comparison

| Site | Homepage | Category Page | Product Page | Avg per Page |
|------|----------|--------------|-------------|-------------|
| **Mapersa** | 15-20 images | 20-30 images | 8-12 images | **18-25** |
| **Marcando** | 20-30 images | 15-25 images | 5-8 images | **15-20** |
| **Tourmaline** | 10-15 images | 8-12 images | 3-5 images | **8-12** |
| **Diagraph** | ~15 images (via search) | ~20 images | ~8 images | **~15** |
| **Factronics (current)** | 3-5 images | 2-4 images | 1-2 images | **2-4** |

**Factronics is using 80-90% fewer images than the average competitor.**

---

## Layout Patterns by Site

### 1. Mapersa.com — BEST IN CLASS

**Structure:**
- **Header:** Mega menu with brand logos + technology categories (CIJ, Laser, TTO, TIJ, LCM, LPA)
- **Homepage hero:** Full-width banner image with headline + WhatsApp CTA
- **Category cards:** 4 large cards (Codification, Inspection, Machinery, EPC) with icons + images
- **Featured products:** 2-row grid of product cards (each has machine photo + model name + "Ver mas")
- **Why choose us:** 3-column layout with icons
- **Blog section:** 4-column grid of blog cards with featured images
- **Footer:** Multi-column with contact, quick links, social

**Image usage patterns:**
- **Every product card has a machine photo** — consistent 1:1 aspect ratio
- **Application photos are embedded in technology sections** — 4-5 photos per technology showing real coding on products (bottles, boxes, cables, film)
- **Hero images are industry-scene photos** not generic stock
- **Gallery on product pages:** 4-image carousel showing machine + 3 application examples

**What Factronics should borrow:**
- Product cards with machine photos (we have 97 processed photos — use them!)
- Application photo grid showing coding on different packaging types
- Technology icon system for navigation

### 2. Marcando.com

**Structure:**
- **Header:** Mega menu with 5 brand tabs (LINX, LomaSystems, Evolabel, Altech, Zebra)
- **Homepage hero:** Full-screen carousel with 5 slides — each has a product photo + brand logo + headline + CTA
- **Featured products:** 4-product carousel per category (CIJ, IJ375, TTO500, Laser FSL20) — each has product photo + brand logo
- **Brand partner logos:** Row of clickable logo cards
- **Solutions sections:** 2-column layouts with image + text
- **Services:** 3-column (Maintenance, Consulting, Supplies) with icons

**Image usage patterns:**
- **Every product has its own photography** — consistent white background product shots
- **Carousel sliders used heavily** for product showcases
- **Brand logos integrated prominently** into navigation
- **Application images mixed with product photos** in technology sections

**What Factronics should borrow:**
- Product showcase carousels with machine photos
- Brand logo navigation (we already have this in "Our Suppliers" page)
- "More info" CTA buttons on every product card

### 3. Tourmaline Enterprises

**Structure:**
- **Header:** Simple top nav with dropdowns
- **Homepage hero:** Text-heavy with background image, headline + subtitle + CTA button
- **Code type icons:** Row of 5 icon+label items (Batch & Lot, QR, Expiration, Barcode, More)
- **Stats bar:** 3 large numbers (Clients, Countries, Years)
- **Why teams trust us:** Bullet list with icons
- **Application gallery:** 4-photo grid showing real coding examples (candy, pipe, glass bottle, box)
- **Industry icons:** 5 industry icon links
- **Testimonials:** Quote cards
- **Blog section:** 3 blog card grid

**Image usage patterns:**
- **Fewer total images but higher quality** — application photos are well-shot and show real-world use
- **Application gallery is the most valuable section** — 4 photos showing actual coding on different products
- **Partner photo** adds trust
- **Icons replace photos in many sections** — keeps the site feeling clean

**What Factronics should borrow:**
- Application gallery section (we have coding photos from Linx — use them!)
- Stats bar for social proof
- Industry icon grid

### 4. Diagraph.com

**Note:** The diagraph.com site blocked scraping access. Analysis based on search knowledge and the specific product URL provided.

**Known structure:**
- Product-centric navigation (CIJ, Laser, TTO, Labeling, Ink/Supplies)
- Large product photos on category pages
- Application photos integrated into product sections
- Major Linx re-seller (sells Linx 8900 under Diagraph brand)

**What Factronics should borrow:**
- Clean product-focused navigation
- Prominent product imagery on every page

---

## Specific Layout Elements to Add to Factronics

### Must-Have: Application Photo Gallery
Every competitor has a section showing the machine actually coding on real products. Factronics needs this.

**Where to add:**
- Homepage: Add a "See our equipment in action" section with 4-6 application photos
- Each industry page: Add a "Real coding on [industry] products" gallery
- Product pages: Add a gallery of application shots

### Must-Have: Machine Product Photos on Every Card
Factronics' product cards (in Solutions hub) are text-only. Every competitor shows the machine.

**Where to add:**
- Solutions hub: Add machine photos to each solution card
- Category pages (Food, Pharma, Cosmetics): Add equipment photos

### Should-Have: Technology Tabs/Filtering
Mapersa's technology tabs (CIJ, Laser, TTO, TIJ, LCM, LPA) are excellent for helping visitors find the right tech.

**Where to add:**
- Solutions hub: Add tech filter tabs
- Category pages: Show which technologies apply

### Should-Have: Real-World Stats Bar
Tourmaline and Mapersa both show stats (years in business, clients served, etc.)

**Where to add:**
- Homepage hero area or below the fold

---

## Current Factronics Photo Assets Available

From the 97 processed photos in `src/assets/photos/`, we have:

| Category | Available Photos |
|----------|-----------------|
| **Machine product shots** | linx-9840-front-left.jpg, linx-9840-front-right.jpg, linx-9900-series.jpg, linx-series-launch.jpg, linx-machine-connections.jpg |
| **Application shots (coding on products)** | cod-cardboard-box.jpg, cod-computer-chip.jpg, cod-cookies.jpg, cod-food-can.jpg, cod-plastic-bottle.jpg, cod-pvc-pipe.jpg, cod-wood.jpg, cod-beer-bottles-lx4706.jpg, cod-glass-jars-lx4695.jpg, cod-bottle-lx4405.jpg, cod-cardboard-case-lx4754.jpg, cod-wood-lx4611.jpg |
| **Linx inks/supplies** | linx-inks-splash.jpg, linx-inks-solutions.jpg |
| **Anritsu equipment** | anritsu-xray-tower.png, anritsu-xr75.jpg, anritsu-metal-detector.png |
| **Categorized machine shots** | 90+ categorized-photos-linx-*.jpg from various angles |
| **Service/installation shots** | categorized-photos-linx-service-*.jpg |
| **Hose/nozzle closeups** | categorized-photos-linx-hose-nozzle-*.jpg |
| **Operator shots** | categorized-photos-linx-remote-operator-*.jpg |

**We already have the photos. We just need to place them in the layout.**

---

## Recommended Image Placement Matrix for Factronics

| Page | Current Image Count | Target Image Count | Where to Add |
|------|-------------------|-------------------|-------------|
| Homepage | 3-4 | 10-12 | Hero background, application gallery, product cards, stats |
| Food Manufacturing | 0 | 6-8 | Hero, application gallery, equipment grid |
| Pharma Manufacturing | 0 | 6-8 | Hero, application gallery, equipment grid |
| Cosmetics Manufacturing | 0 | 6-8 | Hero, application gallery, equipment grid |
| Solutions Hub | 0 | 12-15 | Tech tabs, product cards with photos |
| Linx CIJ 9830 | 1 | 6-8 | Product gallery, application shots |
| X-Ray Inspection | 1 | 4-6 | Machine photo, application shots |
| Marking Solutions | 0 | 6-8 | Product table with photos, application gallery |
| Temperature Data Loggers | 0 | 4-6 | Product photo, application shots |
| All landing pages | 0 | 4-6 | Hero, gallery |