Ver Proyectos
Datta Verde Mayorista

Datta Verde Mayorista: Landing B2B, SEO y GEO AI

Publicado: octubre de 2026
Datta Verde Mayorista
En colaboración con:Isogr4ma
PHP 8.4MariaDBPHPMailerTailwind CSSAlpine.jsSEOGEO AITrackeoGoogle AnalyticsGoogle Tag ManagerGoogle AdsMeta PixelOptimización de conversionesWeb Performance Optimization
Captura de Datta Verde Mayorista con productos del laboratorio y accesos a la lista mayorista y al catálogo.

Resultados

Canal B2B con catálogo filtrable de más de 75 variedades, solicitud de alta comercial protegida y seguimiento de conversiones.

El desafío

Datta Verde Mayorista necesitaba una landing B2B para presentar su catálogo y captar solicitudes de alta comercial de dietéticas, farmacias y profesionales de la salud. El proyecto debía acompañar ese recorrido desde la exploración de productos hasta el contacto con el laboratorio.

El desarrollo integral se realizó en colaboración con Isogr4ma.

La solución

Implementé una arquitectura personalizada con PHP MVC 8.4 y MariaDB, junto con un frontend construido con Tailwind CSS y Alpine.js. Las interacciones permiten recorrer el catálogo sin depender de frameworks pesados.

Catálogo e interacción

  • Filtrado por categorías: consulta en tiempo real de un catálogo con más de 75 variedades.
  • Carrusel continuo y lightbox: visualización de productos en pantalla completa, con navegación por teclado.
  • Scrollspy: navegación que acompaña la sección visible y mantiene el estado de la interfaz.

El catálogo funciona como apoyo para la captación comercial B2B. Este tipo de recorrido complementa el servicio de catálogos y sistemas de pedidos y el enfoque del artículo sobre ordenar ventas más allá de WhatsApp e Instagram.

Formulario de alta y protección

La solicitud comercial incorpora tokens CSRF dinámicos y un honeypot anti-spam. El backend utiliza PHPMailer para canalizar las consultas por correo, mientras que WhatsApp ofrece un acceso directo al contacto comercial.

La arquitectura de datos y la lógica del formulario se encuadran en el servicio de desarrollo de bases de datos e integraciones.

SEO, GEO AI y rendimiento

Implementé marcado semántico Schema.org en JSON-LD, con una estructura @graph que relaciona la organización y su catálogo de ofertas con la información geográfica. El objetivo es facilitar la comprensión del negocio y de sus productos por buscadores tradicionales y motores de IA.

La optimización de carga incluye fuentes locales WOFF2, imágenes WebP, prioridad alta para la imagen principal y versionado de assets. Los criterios técnicos se relacionan con el servicio de SEO y GEO AI y la guía para mejorar la velocidad de un sitio.

Medición del recorrido comercial

La integración de Google Tag Manager y Meta Pixel permite registrar eventos de conversión y acompañar el seguimiento de las consultas que llegan por WhatsApp y correo corporativo. La medición aporta una base para evaluar el recorrido comercial y las campañas.

Resultado del proyecto

Datta Verde Mayorista dispone de un canal de captación B2B con catálogo interactivo, solicitud comercial protegida y medición de eventos. La estructura reúne presentación de productos, contacto y posicionamiento técnico en una misma página.

Si necesitás una página para captar distribuidores o consultas comerciales, conocé el servicio de landing pages y desarrollo web.

Explorá el sitio

Contame tu proyecto

Buscá en Hugo Álvarez NET

Escribí para encontrar servicios, artículos, planes y proyectos.

Ver todos los resultados →