Portafolio / Plataforma B2B de captación y automatización comercial
Una operación compleja, un recorrido a la cotización.
Hudson Oils vende aceite de cocina al por mayor a restaurantes, cadenas, hoteles e importadores: por caja, por pallet o por contenedor, con recolección del aceite usado en la misma visita. Diseñamos y construimos la plataforma que explica esa oferta sin saturar al comprador y convierte cada visita en una solicitud de cotización que llega al CRM con todo el contexto que ventas necesita para responder.
01El reto
Seis recorridos comerciales en un mismo negocio.
La oferta de Hudson Oils no cabe en un catálogo: venta nacional a cocinas comerciales, cotización por caja, pallet o carga completa, exportación al Caribe y Centroamérica, recolección de aceite usado, etiqueta privada y consultas técnicas sobre formatos y especificaciones. Cada comprador llega con una de esas preguntas, y no todos hablan el mismo idioma: un restaurante piensa en canastas de freidora y un importador en contenedores.
El sitio tenía que explicar todo eso con precisión técnica y sin saturar, y llevar cada intención a una cotización bien calificada. Del otro lado, el equipo comercial necesitaba que la solicitud llegara al CRM con suficiente contexto para responder sin repetir el descubrimiento por teléfono.
Lo que había que resolver
- 01Posicionar a un mayorista especializado y confiable
- 02Hacer del formato de 35 lb el eje del producto
- 03Separar suministro nacional, exportación y recolección
- 04Capturar datos comerciales útiles desde el primer contacto
- 05Centralizar formularios, chat y voz en GoHighLevel
- 06Actualizar productos sin rediseñar páginas
Nuestro rol
Estrategia digital, arquitectura de información, sistema visual aplicado a la web, diseño y desarrollo en WordPress con Elementor y un plugin propio, integración con GoHighLevel, automatizaciones comerciales, correo transaccional, agente de voz y chat, y SEO técnico.
02La regla
Lo que ordenó cada página.
Generar demanda, no exhibir un catálogo.
Un catálogo pasivo enseña productos y espera. Aquí cada página combina tres cosas: contenido que educa, una prueba operativa —un punto de humo, una configuración de pallet, un tiempo de tránsito— y una acción siguiente clara. Nada queda en una página sin salida.
La acción conserva la intención. Si el comprador llega a cotizar desde la ficha del aceite de soya, el formulario ya sabe que pregunta por soya. Quien llega con contexto no tiene que volver a contarlo.
EducarDemostrarCotizar
03La arquitectura
Tres recorridos que no se mezclan.
La navegación se redujo a las decisiones esenciales: productos, formato, exportación, recolección, compañía, contacto y cotización. 12 rutas principales, y las URLs heredadas redirigidas con 301 para no perder lo que ya estaba posicionado.
Cinco aceites, un formato.
Un hub de catálogo y una ficha por aceite —soybean, canola, sunflower, corn, extra virgin olive—, todas alrededor de la misma caja de 35 lb. El restaurante compara grados por trabajo en cocina, no por nombre comercial.
Pensado para el importador.
Una ruta propia para el Caribe y Centroamérica: contenedores de 20 y 40 pies, carga consolidada desde el sur de Florida, puertos de descarga y tiempos de tránsito por mercado, y la documentación de exportación explicada antes de que el comprador la pida.
El ciclo completo del aceite.
La recolección de aceite usado tiene página y casilla propias en la cotización. Quien la marca recibe precio de suministro y de recolección juntos: un proveedor, un calendario, un solo papeleo.
04El sitio en cifras
Lo que el comprador resuelve antes de escribir.
Cifras de contenido y de captura, contadas sobre el sitio publicado. No son resultados de rendimiento: describen cuánto contexto llega con cada solicitud.
- 5
- aceites con ficha técnica propia
- 35 lb
- un solo formato ancla para toda la gama
- 1.200
- cajas por camión completo, 60 por pallet
- 14
- campos en la solicitud de cotización
- 5
- flujos comerciales diseñados en GoHighLevel
05El sitio
Del primer vistazo a la cotización.
La propuesta en una línea —aceite de grado comercial, al por mayor y entregado en todo el país— y debajo la prueba operativa en cifras: el formato, la carga por pallet, el camión completo y el certificado de análisis por lote.
Cinco aceites, una caja. Cada tarjeta dice para qué trabajo sirve el aceite y su punto de humo, y lleva a la ficha completa.
La caja de 35 lb como eje del producto: por qué se vierte sin derrames, por qué la carga una sola persona y cuánto cabe en un pallet, con su especificación al lado.
Cada ficha abre con el trabajo del aceite en cocina, sus datos clave y dos salidas: cotizar ese aceite o ir a la especificación.
Análisis típico, perfil de ácidos grasos y formato en tablas que se comparan de un vistazo. Los datos salen de campos estructurados del producto: se editan una vez y se reflejan en tarjeta, listado y ficha.
La ruta del importador habla en contenedores, mercados y tiempos de tránsito, y su botón pide una cotización de exportación, no una genérica.
Puertos de descarga y tránsito indicativo por mercado, agrupados por región. Es la pregunta que un importador hace primero, respondida antes de la llamada.
La recolección de aceite usado se vende como parte del suministro: misma visita, mismo calendario. Su página explica el servicio en cuatro pasos y lleva a la misma cotización.
14 campos en tres pasos —quién eres, qué necesitas, algo más— y al lado lo que pasa después del envío. Es el formulario que alimenta el CRM.
La plantilla transaccional que recibe el comprador: su solicitud resumida, el compromiso de respuesta en un día hábil y los tres pasos siguientes. Renderizada con datos de ejemplo en lugar de los merge fields.
06Sistema visual
Precisión industrial, no commodity.
Primario · Botones · Tablas · Navegación
- HEX
- #002D6E
- RGB
- 0 · 45 · 110
Bandas de alta presencia · Footer
- HEX
- #001B42
- RGB
- 0 · 27 · 66
Acentos informativos · Etiquetas
- HEX
- #0B4FA0
- RGB
- 11 · 79 · 160
Acción · Énfasis
- HEX
- #F2A900
- RGB
- 242 · 169 · 0
Texto principal
- HEX
- #10192B
- RGB
- 16 · 25 · 43
Texto secundario
- HEX
- #5A6779
- RGB
- 90 · 103 · 121
Secciones alternas
- HEX
- #F4F7FB
- RGB
- 244 · 247 · 251
Bordes · Tablas · Separación
- HEX
- #D6DEE9
- RGB
- 214 · 222 · 233
07Los principios
Producto primero, confianza sin exagerar.
Un distribuidor de commodities suele verse igual que el siguiente: foto de archivo, lenguaje corporativo y promesas genéricas. El sistema apunta a lo contrario: el dato operativo delante.
Archivo para el dato, Barlow para leer.
Archivo pone titulares, navegación, botones y cifras con el peso de una ficha técnica; Barlow se ocupa del texto de lectura y las especificaciones. Titulares breves, datos grandes, tablas escaneables.
Nada que no esté documentado.
La comunicación evita certificaciones, clientes o promesas que el negocio no pueda respaldar. La confianza la ponen la especificación publicada, la logística explicada y un plazo de respuesta concreto.
El comprador también cotiza desde el móvil.
Objetivos táctiles mínimos, formularios a ancho completo y una escala tipográfica que se adapta. Iconografía SVG en línea, ligera y accesible, en lugar de una librería de iconos entera.
08La integración
De una visita a una oportunidad en el CRM.
El recorrido completo, desde el clic hasta el seguimiento comercial. Cada envío deja tres rastros: el webhook al CRM, el registro en WordPress como respaldo y el aviso por correo al responsable de ventas.
Sitio web
Página de servicio o productoFormulario, chat o voz
Captura con contextoWebhook HTTPS
Entrega validadaGoHighLevel
Contacto y oportunidadCorreo
Confirmación y alertaVentas
Cotización escrita
- 01
Llega con una intención
Por búsqueda, directo o campaña, el comprador aterriza en una ficha o en una ruta de servicio. El CTA de esa página conserva el producto o el interés.
- 02
Pide cotización
El formulario recoge 14 datos: empresa, tipo de negocio entre 9 opciones, aceites, volumen en 7 rangos, suministro nacional o exportación, recolección y consentimiento. reCAPTCHA v3 se valida en el servidor.
- 03
Entra al CRM
El webhook crea o actualiza el contacto usando correo y teléfono para no duplicar, normaliza los campos y aplica etiquetas por origen, producto, exportación y recolección.
- 04
Se abre la oportunidad
La oportunidad nace en «New lead», se asigna al responsable comercial y genera una tarea con vencimiento en un día hábil.
- 05
Todos se enteran
El comprador recibe la confirmación con su solicitud resumida; ventas recibe la alerta interna con todos los datos y el enlace al contacto.
- 06
Seguimiento sin huecos
Recordatorio si la oportunidad sigue sin tocar al vencer el plazo, segundo aviso y reasignación si no hay actividad. La secuencia se detiene en cuanto hay respuesta.
Ningún flujo envía precios. La regla del proyecto es que precio y fechas salen del equipo comercial en una cotización escrita.
09El CRM
Un modelo de datos pensado para vender.
Cada campo del formulario tiene su lugar en GoHighLevel: los estándar —nombre, empresa, correo, teléfono, ciudad— y los personalizados que califican la oportunidad: tipo de negocio, aceites de interés, volumen estimado, tipo de suministro, interés en recolección, notas, consentimiento con su marca de tiempo, fuente y página de origen.
El pipeline sigue el ciclo real de una venta mayorista: lead nuevo, calificado, cotización en preparación, cotización enviada, seguimiento y primera entrega agendada, con una salida a nutrición para lo que no cierra. Las consultas de pedidos existentes o facturación no entran al pipeline de nuevos negocios: el formulario de contacto las clasifica y las enruta aparte.
Flujos diseñados
- 01Nueva solicitud de cotización
- 02Contacto general clasificado por tema
- 03Lead entregado por el agente de chat o voz
- 04Seguimiento cuando no hay respuesta
- 05Cotización enviada y recordatorios
10El agente
Una IA que recoge datos y no promete precios.
- AvaGracias por llamar a Hudson Oils, habla Ava. ¿Llama por suministro de aceite, una cotización o recolección de aceite usado?
- Quien llamaTengo dos restaurantes y quiero saber cuánto cuesta la caja de canola.
- AvaEl precio lo prepara nuestro equipo comercial por escrito, según volumen y entrega. ¿Cuántas cajas usa al mes, más o menos, y en qué ciudad?
- Quien llamaUnas treinta al mes, en Austin. Y nos interesa que se lleven el aceite usado.
- AvaAnotado: canola, unas treinta cajas al mes en Austin, con recolección. Ventas le escribe dentro de un día hábil.
Ava atiende la primera línea por teléfono y chat: responde lo básico desde una base de conocimiento controlada, califica la solicitud y la deja en el CRM con un resumen. Cuando le piden un precio, no lo inventa: toma los datos para que ventas cotice.
11Los límites
La IA como capa de intake, no como vendedor.
Un agente que cotiza de memoria es un riesgo comercial: un precio mal dicho por teléfono se convierte en un compromiso. Por eso las instrucciones de Ava, para voz y para chat, son tan explícitas sobre lo que no hace como sobre lo que hace.
Recoge nueve datos —nombre, empresa y tipo de negocio, contacto, tipo de solicitud, aceites, volumen, ubicación o puerto, interés en recolección y contexto— y antes de cerrar resume la conversación. El resumen viaja al CRM con el contacto, así que ventas abre la oportunidad sabiendo de qué se habló.
Lo que el agente no hace
- 01Cotizar precios, descuentos, crédito o plazos de entrega
- 02Inventar certificaciones, instalaciones o clientes
- 03Tomar datos de pago
- 04Salirse de aceites de cocina y recolección
- 05Responder sin una respuesta verificada: lo deriva a ventas
12El desarrollo
Un plugin propio para que WordPress sea un sistema.
El plugin Hudson Oils – Site v3.1.0 convierte WordPress en un catálogo administrable: dibuja la rejilla, el listado y la ficha de cada producto desde campos estructurados —ACF, con post meta de respaldo—, genera breadcrumbs, datos estructurados de producto y la tabla del formato de 35 lb, y precarga la cotización con el aceite elegido. Una especificación se cambia una vez y aparece igual en todas partes.
Las páginas se generan con Python a partir del JSON de Elementor, así que el sitio se puede reconstruir y desplegar de forma reproducible en vez de depender de lo que alguien arrastró en el editor. Hello Elementor de base mantiene la capa ligera.
Los formularios están pensados para un sitio con caché: el nonce se renueva antes de cada envío para que una página cacheada no falle en silencio, reCAPTCHA v3 se valida en el servidor con un umbral configurable y, si Google no responde durante la validación, el lead no se descarta. Al actualizar un producto se purga la caché de Elementor y de LiteSpeed. Los clics a cotizar y a llamar se envían al dataLayer.
SEO técnico
Títulos, descripciones y Open Graph por página con Rank Math, breadcrumbs y schema para productos y preguntas frecuentes, URLs semánticas para el catálogo y redirecciones 301 desde las rutas heredadas.
13La entrega
Lo que se construyó y lo que se mide después.
La plataforma está en línea en hudsonoils.com con sus doce rutas, el catálogo administrable y la cotización conectada a GoHighLevel. La arquitectura permite medir el embudo completo, desde el clic en «Get a quote» hasta la oportunidad ganada.
Lo que todavía no está se dice igual de claro. Los eventos de formulario, CRM e ingresos necesitan su configuración final en Google Tag Manager, GA4 y GoHighLevel, y no publicamos cifras de conversión, leads ni pipeline hasta tenerlas medidas con su fuente. Cuando existan, este caso las mostrará con su periodo.
Entregado
- 01Estrategia digital y arquitectura de información
- 02Sistema visual aplicado a la web
- 03Diseño y desarrollo en WordPress y Elementor
- 04Plugin propio de catálogo y especificaciones
- 05Generación reproducible de páginas en Python
- 06Formularios de cotización y contacto calificados
- 07Integración con GoHighLevel: campos, etiquetas y pipeline
- 08Flujos de confirmación, alerta y seguimiento
- 09Correo transaccional con merge fields
- 10Instrucciones del agente de voz y chat
- 11SEO técnico y eventos de medición
14El valor
Lo que cambia cuando la solicitud llega completa.
Menos descubrimiento, más cotización.
En venta mayorista, la primera llamada suele gastarse en preguntar lo básico: qué aceite, cuánto, dónde, para qué negocio. Cuando eso ya viene en la solicitud, ventas empieza por la cotización.
El sitio explica, el formulario y el agente califican, y el CRM ordena. Cada parte hace su trabajo y le pasa al comprador a la siguiente sin perder lo que ya dijo.
ClaroCalificadoConectado
beleafdesign
¿Tus leads llegan con contexto o con un nombre y un correo?
Si tu equipo comercial pasa la primera llamada preguntando lo básico, podemos diseñar el recorrido que califica antes del contacto y conectarlo a tu CRM para que nadie tenga que repetir nada.
Hablemos de tu proyecto