# Factronics Website Redesign Recommendations

**Based on:** Competitor analysis of Mapersa, Marcando, Tourmaline, and Diagraph
**Primary benchmarks:** Mapersa (image-heavy, tabbed categories, industry matrix) and Diagraph (product-first navigation, deep hierarchy)

---

## Priority 1: Add Photography to Every Page

### Current State
The Factronics site has **97 processed photos** in `src/assets/photos/` covering:
- Machine product shots (Linx 9840, 9900 series, Anritsu XR75)
- Application shots (coding on bottles, boxes, cookies, cans, wood, pipes, cables)
- Inks and supplies
- Service and installation
- Machine detail shots

**Current usage:** Only 6-8 of these 97 photos are used across the entire site.

### Target
Every page should have at least 4-6 photos. Target: **12-15 images per page** (matching Mapersa and Marcando).

### Photo Placement By Page Type

#### Homepage (current: ~3 images → target: 12+)
```
[Hero: Full-width banner photo of Linx 9800 on production line (currently gradient)]
[Application Gallery: 4-6 photo grid showing codes on different products]
[Equipment Grid: 4 machine photos with model names + CTAs]
[Stats Bar: with background photo]
```

#### Category / Industry Pages (current: 0-1 → target: 6-8)
```
[Hero: Industry-appropriate background photo]
[Equipment Section: Machine photo + specs for each technology]
[Application Gallery: 3-4 photos showing coding on that industry's products]
```

#### Product Pages (current: 1 → target: 6-8)
```
[Product Photo: Machine shot (front angle)]
[Application Carousel: 3-4 photos of machine coding on real products]
[Detail Shots: Close-ups of control panel, printhead, etc.]
```

### Quick Wins — Photos Ready to Deploy Now

| Photo | Use On | Notes |
|-------|--------|-------|
| `linx-9840-front-left.jpg` | LinxCIJ9830, LinxPrintingSolutions | Best machine hero shot |
| `linx-9840-front-right.jpg` | LinxCIJ9830 product gallery | Alternate angle |
| `linx-9900-series.jpg` | 9800 Series pages, Homepage | Newer model |
| `cod-cookies.jpg` | SnackFoodPackaging, FoodSnacks | Food application |
| `cod-food-can.jpg` | BakeryDateCoding, FoodManufacturing | Can coding |
| `cod-cardboard-box.jpg` | ShippingLogistics, FoodManufacturing | Box coding |
| `cod-beer-bottles-lx4706.jpg` | CraftBeerCoding, BeverageManufacturing | Bottle coding |
| `cod-glass-jars-lx4695.jpg` | HotSauceBottling | Glass jar coding |
| `cod-wood.jpg` | LinxPrintingSolutions | Wood/construction |
| `cod-pvc-pipe.jpg` | LinxPrintingSolutions | Pipe coding |
| `cod-cardboard-case-lx4754.jpg` | ShippingLogistics | Case coding |
| `cod-wood-lx4611.jpg` | Construction applications | Alternative wood shot |
| `linx-inks-splash.jpg` | PartsConsumables, LinxPrintingSolutions | Inks showcase |
| `anritsu-xr75.jpg` | XRayInspection | X-ray machine |
| `anritsu-metal-detector.png` | MetalDetection | Metal detector |
| `categorized-photos-linx-*` (90+ files) | Various | Machine angles, service, action shots |

---

## Priority 2: Redesign Solutions Hub with Technology Tabs

### Current
The Solutions Hub (`/solutions`) is a grid of text-only cards with solution names.

### Proposed (based on Mapersa pattern)
```
[Hero: Large photo of Linx + Anritsu equipment]
[Technology tabs: 7 pill-shaped tabs]
  - CIJ Printers | Laser Coders | TTO | Inspection | Marking | Labeling | Packaging
[Each tab shows:]
  - Section icon
  - 3-4 application photos in a row
  - Product cards with machine photos
[CTA: "Not sure which technology?" lead form]
```

### Why This Works
- Visitors can instantly see ALL technologies available
- Tabs are faster than navigating separate pages
- Photos show the technology in action

---

## Priority 3: Add Application Photo Gallery to Industry Pages

### Current
Industry pages (Food, Pharma, Cosmetics) are entirely text-based with no product photos.

### Proposed
```
[Section: "See Our Equipment in Action"]
[4-6 photo grid with labels]
  - Photo 1: Linx coding on [industry product]
  - Photo 2: Anritsu X-ray inspecting [industry product]
  - Photo 3: MarkinBOX marking on [industry material]
  - Photo 4: Kooltrak logger in [industry environment]
[Lightbox: Click to enlarge each photo]
```

### Available Photos by Industry

| Industry | Available Photos |
|----------|-----------------|
| Food & Beverage | cod-cookies.jpg, cod-food-can.jpg, cod-beer-bottles.jpg, cod-cardboard-box.jpg, cod-glass-jars.jpg |
| Pharma | categorized-photos-linx-coding-examples-pharma-*.jpg (3 photos) |
| Cosmetics | categorized-photos-linx-coding-examples-cosmetics-*.jpg (3 photos) |
| Industrial | cod-pvc-pipe.jpg, cod-wood.jpg, cod-computer-chip.jpg, cod-wood-lx4611.jpg |

---

## Priority 4: Trust Signals Throughout

### Add These Elements (based on Tourmaline pattern)

**Stats bars** on key pages:
- "35+ Years Serving Florida Manufacturers"
- "1,000+ Equipment Installations"
- "Same-Week Installation Available"

**Testimonial cards** with photos (use the existing testimonials from FoodManufacturing page)

**Partner brand logos** grid (Linx, Anritsu, MarkinBOX, ITW Dynatec, EBS, AlTech, JMK Robotics, Kooltrak)

---

## Priority 5: Product Card Grid Pattern

### Current
Product links are text-only in navigation and on solution pages.

### Proposed (based on Mapersa and Marcando)
Every product card should have:
```
[Machine photo — square crop, white background]
[Product name — bold]
[Short description — 1 line]
[Brand logo badge]
[CTA: "Learn More" or "View Specs"]
```

### Where to Implement
1. **Solutions Hub** — replace text cards with photo cards
2. **Solutions mega menu** — add small product thumbnails
3. **Related products section** — at bottom of each product page

---

## Quick Implementation Plan

### Phase 1 (do now — low effort, high impact)
1. Add application photo gallery to Homepage (use 4-6 existing photos)
2. Add machine photo to LinxCIJ9830 hero
3. Add machine photo to XRayInspection hero
4. Add photo cards to Solutions hub

### Phase 2 (medium effort)
5. Technology tabs on Solutions hub
6. Industry application galleries on Food, Pharma, Cosmetics pages
7. Stats bars on homepage and key pages

### Phase 3 (larger effort)
8. Brand partner mega menu redesign
9. Product card grid throughout all pages
10. Lightbox application viewer

---

## Image Sourcing Notes

### Already Own (97 photos in `src/assets/photos/`)
All Linx equipment angles, application shots on various products, inks, service, installations. These are high-quality Linx marketing photos.

### Need to Source
- **Anritsu application photos** (currently only 3 Anritsu photos: tower, XR75, metal detector)
- **MarkinBOX application photos** — user noted these need manual download
- **Kooltrak product photo** (the Kooltrak is coin-sized — need a macro shot)
- **ITW Dynatec glue equipment** — no photos yet
- **EBS-260 Handjet** — no photos yet
- **AlTech labelers** — no photos yet
- **JMK Robotics machines** — no photos yet
- **Team/factory photos** of Factronics staff and facility
- **Before/after photos** of client installations