Contenido
Estructura de la home
Cada sección está pensada como herramienta comercial, no como folleto institucional. Jerarquía: Industrial → Comercial → Doméstico.
- 01NavbarHeader fijo — logo, navegación, acceso WA, CTA "Solicitar Cotización"Claro
- 02HeroViewport completo — headline industrial, 2 CTAs, 3 stats integrados (+40 / 24-48h / +15)Claro
- 02bCert BannerFranja compacta debajo del Hero — "Certificados & Habilitados" + badges ASSAL / ANMAT / SENASA / MIPClaro
- 03SegmentosFondo blanco · tarjeta Industrial oscura dominante (50%) + Comercial (30%) + Doméstico (20%)Claro
- 04Propuesta de ValorHeadline editorial + 3 pilares numerados: Servicio Consultivo / Trazabilidad / Vínculo ResolutivoClaro
- 05Estándar IndustrialSplit: foto técnico izquierda (badge 20 años) + 4 features con íconos — fondo claroClaro
- 06ServiciosGrid 3×2 — 6 servicios con ícono, descripción y CTA diferenciado · Programas Industriales destacadoClaro
- 07Experiencia / TrayectoriaStats editoriales +40 / +15 / 20 / ~35% + carousel de referencias industrialesClaro
- 08ProcesoTabs Industrial / Comercial-Doméstico — timeline 5 pasos diferenciadosClaro
- 09CTA FinalSplit negro — "Soy una empresa" (análisis de caso) / "Soy un particular" (cotización + WA)Oscuro
- CCotizadorFormulario dinámico — 3 tabs (Industrial / Comercial / Doméstico) con campos diferenciadosClaro
- 10Footer4 columnas — brand + contacto / servicios / empresa / cobertura + habilitacionesOscuro
Referencias de color — Paleta Mariano
⬛ Secciones oscuras (CTA Final, Footer) — fondo negro #020101 / gris #2A2E31
⬜ Secciones claras (mayoría) — off-white #FAFAF9 / blanco #fff
🔴 Acento rojo #F10D19 — CTAs, bordes de énfasis, eyebrows, highlights
Certificaciones eliminadas como sección standalone · Aparecen en banner dedicado (02b) y Footer
Nota para Julián
El wireframe muestra arquitectura y jerarquía. La identidad visual (tipografía, logo, fotografía, tonos exactos) se aplicará en la etapa posterior.
WhatsApp ↗
Solicitar Cotización
Control de Plagas · Rosario · Santa Fe
Solicitar Cotización →
Conocer Servicios
Notas — Navbar + Hero
• Header fijo blur backdrop · altura 68px · logo D rojo + "Desde 1983" gris · Nav: Servicios / Industrial (highlight) / Comercial / Doméstico / Nosotros
• Hero viewport completo (100dvh) · Barra roja 3px izquierda · Foto industrial 52% derecho + overlay gradiente
• 3 stats integrados en el hero content debajo de los CTAs: +40 / 24-48h / +15
• Cert Banner (02b): sección separada debajo del Hero — label + 4 badges ASSAL / ANMAT / SENASA / MIP
Justificación
Navbar y Hero en fondo claro (#FAFAF9) — texto oscuro, barra roja izquierda como guiño industrial. Foto técnica ocupa el 52% derecho (placeholder oscuro). Solo CTA Final y Footer mantienen fondo negro.
Cert Banner — Sección 02b
• Franja compacta (68px) inmediatamente debajo del Hero
• Izquierda: label "Certificados & Habilitados" · Separador vertical · Badges ASSAL / ANMAT / SENASA / MIP
• Fondo #F0F0EC (un paso por debajo del off-white del Hero) · Borde inferior sutil
INDUSTRIAL
01 — PRIORITARIO
📸
Foto industrial / planta alimenticia
INDUSTRIAL
Notas — Segmentos
• Grid asimétrico: Industrial 2fr (span 2 rows) + Comercial/Doméstico 1fr apilados
• Industrial: borde rojo 3px / ghost watermark / feature list 4 ítems / CTA análisis de caso
• Comercial y Doméstico: borde gris / tag outline / CTA cotización directa
Justificación
El grid asimétrico transmite visualmente la jerarquía. El usuario industrial tiene más información y un CTA diferente.
Notas — Propuesta de Valor
• Headline editorial 90px (Barlow Condensed 900) — última palabra en rojo
• 3 pilares: 01 Servicio Consultivo / 02 Trazabilidad Operativa / 03 Vínculo y Capacidad Resolutiva
• Separadores verticales entre pilares · número decorativo en gris claro
Foto: técnico en relevamiento / instalación industrial
📸 FOTOGRAFÍA INDUSTRIAL
Notas — Estándar Industrial
• Split 50/50: foto técnica con grid superpuesto + badge "20 años industria alim." + 4 features con ícono bordado rojo
• Features: Relevamiento por puntos / Seguimiento programado / Certificaciones / Documentación e informes
Justificación
La experiencia industrial se convierte en argumento: "Trabajamos así con la industria más exigente — y así trabajamos con todos."
Notas — Servicios (Sección 06 · Fondo claro)
• Grid 3×2 fondo blanco · hover borde superior rojo 2px · card 04 "Programas Industriales" con borde rojo permanente
• CTA card 04: "Solicitar análisis de caso" ≠ "Solicitar cotización" en resto
• Servicios: Control de Insectos / Roedores / Desinfección / Programas Industriales / Comercial / Hogares
• Certificaciones no son sección standalone → aparecen en banner dedicado (02b) y Footer (Habilitaciones)
Experiencia con industria alimenticia
Referencias de experiencia industrial — no implica respaldo comercial.
Notas — Experiencia / Trayectoria
• 4 stats: +40 años / +15 años vínculo / 20 años industria alim. / ~35% conversión
• Carousel de referencias: Cargill / Bunge / Dreyfus / Molinos — auto-avance cada 2.8s, prev/next, dots
• Nota de alcance: "Referencias de experiencia — no implica respaldo comercial."
Justificación
Los 40 años se convierten en 4 datos concretos distintos. El carousel reemplaza la fila estática y genera más dinamismo editorial.
Industrial
Comercial y Doméstico
Relevamiento
Análisis
Propuesta
Implementación
Seguimiento
(Tab "Comercial y Doméstico": Contacto → Cotización → Coordinación → Servicio → Seguimiento)
Notas — Proceso
• Tabs: Industrial / Comercial y Doméstico — proceso diferenciado, no duplicado
• Paso activo 01 (Relevamiento): círculo rojo · línea conectora 1.5px
EMPRESA
Para empresas e industrias
Solicitar Análisis de Caso →
Hablar por WhatsApp
PARTICULAR
Para hogares y comercios
Solicitar Cotización →
Hablar por WhatsApp
Notas — CTA Final
• Línea roja 3px top · split 50/50 Empresa/Particular · ghost watermark en cada mitad
• El CTA industrial → formulario de relevamiento · el de particular → cotizador o WA directo
Industrial
Comercial
Doméstico
Solicitar Análisis de Caso →
Industrial — sin cotización automática
Este formulario inicia un análisis de caso personalizado. Respuesta en 24-48h con propuesta técnica específica.
Solicitar Cotización →
o
Hablar por WhatsApp ↗
Notas — Cotizador Dinámico
• Tab Industrial: NO genera cotización automática → "Solicitar Análisis de Caso" → análisis personalizado 24-48h
• Tab Comercial: tipo local / ciudad / superficie / servicio / frecuencia → "Solicitar Cotización" + WA
• Tab Doméstico: tipo hogar / superficie / problema / disponibilidad → "Solicitar Cotización" + WA
Justificación
El industrial requiere relevamiento — no un precio automático. El cotizador diferencia los 3 caminos y refuerza el posicionamiento técnico/consultivo.
Zona de Cobertura
Habilitaciones
Notas — Footer
• 4 cols: Brand + contacto / Servicios / Empresa / Cobertura + Habilitaciones
• Cobertura: Rosario / Funes / Cordón industrial / Sur de Santa Fe · NO mencionar industria agropecuaria
