Portafolio / Sitio corporativo B2B
Un negocio complejo explicado en tres puertas.
BB Holdings abastece petróleo, refinados, gas y commodities agrícolas para clientes industriales en varios continentes. Es una operación de sourcing, contratos, logística y riesgo — nada de eso se vende con un catálogo. Construimos la arquitectura web y de contenidos que la ordena en tres verticales, traduce capacidades abstractas en beneficios comprobables y lleva a un solo destino: una conversación estratégica con el equipo.

01El encargo
Aquí la confianza va antes del precio.
Un comprador de commodities no llega buscando un producto: llega a averiguar si la contraparte puede sostener un contrato. Volumen, plazos, calidad, aduana, seguro, volatilidad. Antes de hablar de una tonelada de nada, tiene que decidir si esta empresa es capaz de responder cuando algo salga mal — y esa decisión la toma leyendo el sitio.
El encargo era construir esa primera capa de validación. No un catálogo, no un brochure: una plataforma corporativa que explique una operación de alta complejidad con la seriedad que exige la categoría, y que termine invitando a una conversación en vez de a un carrito.
Lo que un comprador necesita resolver
- 01Qué commodities mueve y en qué mercados
- 02Si el sourcing y la logística son propios
- 03Cómo se gestiona el riesgo y el cumplimiento
- 04Qué diferencia esto de un intermediario
- 05Si atienden un negocio como el suyo
- 06Cómo empezar una conversación seria
Nuestro rol
Arquitectura de información de todo el sitio, estructura de contenidos por vertical y por servicio, jerarquía de la página de inicio, narrativa corporativa de About, FAQ público, puntos de captura y el flujo que lleva a la strategy call.
02La estructura
Tres capas, en el orden en que se preguntan.
El sitio no está ordenado por departamentos de la empresa sino por el recorrido de la duda: qué mueven, cómo lo controlan, cómo se empieza. Cada capa responde a la anterior.
Tres verticales, no una lista.
Oil & Refined Products, Gas & Derivatives y Agricultural Commodities. En doce segundos un visitante sabe si su industria está adentro. La granularidad —crudo, LNG, LPG, granos, fertilizantes, azúcar refinada, silicato de magnesio— vive un nivel más abajo, donde ya importa.
Integración vertical, dicha con datos.
Brazo logístico propio, control directo del sourcing y la calidad, menos intermediarios. Es el argumento que separa a una comercializadora de un bróker, y por eso ocupa la página de About entera en vez de una viñeta en el inicio.
Una sola conversión.
Ni cotizador ni carrito: una strategy call agendada. En un negocio donde el precio depende del volumen, la ruta, el plazo y el riesgo, la única acción honesta que puede pedir el sitio es una conversación.
03La idea
Lo que este sitio tenía que resolver.
Cuando el negocio es global, la claridad es la ventaja.
En procurement todos los competidores dicen lo mismo: red mundial, precios competitivos, soluciones a medida. El vocabulario está agotado, así que la diferencia no puede estar en las palabras — tiene que estar en la estructura. Una empresa que ordena bien lo que hace demuestra, por el solo hecho de ordenarlo, que entiende su propia operación.
Por eso el trabajo no fue redactar más fuerte sino jerarquizar mejor: qué se dice primero, qué se demuestra con un número, qué se guarda para la página profunda y qué se responde antes de que lo pregunten. El sitio explica un negocio complicado sin simplificarlo, que es distinto de hacerlo sonar fácil.
OrdenarDemostrarConversar
04Dirección de arte
Institucional, no un marketplace.
La tentación en esta categoría es maquetar como una tienda: tarjetas de producto, precios desde, badges de oferta. Sería un error de registro. Un director de compras industrial que ve un sitio con energía de e-commerce concluye que la contraparte es un revendedor, y ahí se acabó la conversación.
El sitio se compone en teal profundo, con fotografía real de refinerías, tanques y terminales — no ilustración ni render. El color de acento aparece en marcas pequeñas y nada más; la jerarquía la ponen el tamaño, el aire y el orden. El resultado se parece a un informe corporativo antes que a una vitrina, que es exactamente donde queríamos que quedara.
Reglas del registro
- 01Fotografía de operación, nunca render
- 02Teal profundo como color dominante
- 03Acento cian solo en marcas pequeñas
- 04Sin precios ni badges de oferta
- 05Cifras solo donde hay dato detrás
- 06Un único botón por sección
Por qué importa aquí
El registro visual es parte de la validación: en una compra industrial, un sitio que se ve como una tienda contradice la promesa de operar contratos de largo plazo, por bien escrito que esté el copy.
05Sistema visual
Un solo color haciendo todo.
Titulares, texto y superficies oscuras
- HEX
- #0D4958
- RGB
- 13 · 73 · 88
Bandas sobre fotografía y separadores
- HEX
- #6E929B
- RGB
- 110 · 146 · 155
Marcas pequeñas y estados activos
- HEX
- #4ECAE6
- RGB
- 78 · 202 · 230
Texto secundario sobre fondo oscuro
- HEX
- #B6C8CD
- RGB
- 182 · 200 · 205
Bandas alternas y tarjetas
- HEX
- #F1F3F3
- RGB
- 241 · 243 · 243
06Tipografía
Una que afirma, otra que sostiene.
Poppins
Aa Bb Cc — 0123456789
SemiBold 600 · Bold 700
Inter
Aa Bb Cc — 0123456789
Regular 400 · Medium 500
Inter · versalitas
Aa Bb Cc — 0123456789
SemiBold 600
Global Commodity Procurement
clamp(40–75) · -2% · 700Worldwide Delivery Network
clamp(30–48) · -1% · 700Oil & Refined Products
clamp(18–24) · 0 · 600Abastecimiento de extremo a extremo de granos, blandos y fertilizantes, con prácticas de sourcing sostenible.
16 / 26 · 0 · 400Years of Experience · Offices Worldwide · Contracts
13 / 16 · 12% · 60007El recorrido
De una visita fría a una conversación.
El sitio tiene una sola conversión, así que todo lo demás existe para calificar al visitante antes de que llegue a ella. Este es el orden en que ocurre.
WordPress · Elementor
Sitio, plantillas y blogTres verticales
Oil, gas y agroRed de entrega
Sourcing, transporte y aduanaTrade Security
Cumplimiento y riesgoMarket Insights
Análisis y contenido editorialStrategy call
Agenda externaFormularios y newsletter
Captura y seguimiento
- 01
Se ubica
El titular dice el territorio completo en tres palabras —Global Commodity Procurement— y la banda de verticales, sin scroll, deja claro si su industria está adentro.
- 02
Reconoce su sector
Oil & Refined Products, Gas & Derivatives o Agricultural Commodities. La tarjeta correcta le da permiso para seguir leyendo; las otras dos le dicen que la empresa es más grande que su caso.
- 03
Entiende la capacidad
El bloque de energía traduce lo abstracto en beneficio: reducción de costo por negociación, monitoreo de mercado, gestión de riesgo frente a la volatilidad. Es la primera vez que el sitio habla de dinero.
- 04
Mide el alcance
Mapa de la red de entrega y las cifras de operación: años, oficinas, contratos. La escala deja de ser un adjetivo y pasa a ser un número junto a un mapa.
- 05
Verifica el modelo
La página de About sostiene el argumento difícil: brazo logístico propio, control del sourcing a la entrega, menos intermediarios. Es la diferencia entre una comercializadora y un bróker, y necesita una página completa.
- 06
Resuelve lo que no preguntó
El FAQ público responde ocho objeciones reales —seguridad de la transacción, cumplimiento regulatorio, soporte a quien recién empieza a importar— en texto plano indexable, no en un PDF.
- 07
Agenda
Un único destino: la strategy call, con agenda propia en un subdominio. El formulario de contacto queda como camino alterno y la newsletter como el vínculo para el que todavía no está listo.
3 verticales · 4 servicios transversales · 1 conversión
08El trabajo
Lo que hay publicado.
Cifras del entregable, no de campaña: lo que un visitante puede recorrer hoy en bbholdings.net.
- 3
- Verticales que ordenan toda la oferta
- 6
- Líneas de solución con ficha propia
- 8
- Objeciones resueltas en el FAQ público
- 1
- Conversión: la strategy call
09Las piezas
La arquitectura, sección por sección.

Seis fichas —magnesio, crudo, gas licuado, refinados, agro y azúcar— con una sola tarjeta en teal para marcar la que el negocio quiere empujar. La granularidad vive aquí, no en el titular.

Tres afirmaciones concretas donde el resto de la categoría pondría adjetivos: reducción de costo por negociación, monitoreo de mercado, gestión de riesgo. Es el bloque que convierte capacidad en beneficio.

El mapa vuelve tangible una frase que todos usan. Al lado, las tres cifras de operación: años, oficinas y contratos. La escala se mira y se cuenta en el mismo pantallazo.

La capa institucional que una compañía de este tamaño necesita para que su oferta no se lea como una lista de productos. Tres frases, no tres párrafos.

El argumento que separa una comercializadora de un intermediario, escrito con sus tres consecuencias: operación sin fricción, control del riesgo y margen que no se reparte por el camino.

Barras de desempeño en la página profunda, donde el visitante ya está evaluando y no navegando. La cifra llega después del argumento, nunca antes.

Tres razones y tres barras: entrega a tiempo, eficiencia y soporte. Es donde el sitio pasa de «qué vendemos» a «por qué trabajar con nosotros».

Global Trade, Trade Security, Market Insights y soporte a medida: lo que acompaña a cualquier vertical. Cada uno con su ficha, su imagen y su propia página.

Planeación financiera, consultoría de entrada a mercado, integración tecnológica y la presencia en dos continentes. Es la respuesta a «¿pueden acompañarme en todo el proceso?».

Ocho objeciones respondidas en texto plano: qué los diferencia, cómo aseguran una transacción internacional, qué pasa con el cumplimiento regulatorio, qué apoyo hay para quien recién empieza a importar.

Una banda, una pregunta y un botón. No hay cotizador porque el precio de un contrato de commodities no cabe en un formulario — cabe en una llamada.

Formulario con nombre de empresa y motivo, para que la conversación empiece calificada. Es la diferencia entre recibir un lead y recibir un caso.

Un comprador industrial revisa proveedores entre reuniones. El titular, la promesa y las tres verticales caben en el primer recorrido del pulgar.
10El estado
La arquitectura está en pie. El contenido, no del todo.
bbholdings.net está publicado con la estructura completa: las tres verticales, las seis líneas de solución, los cuatro servicios transversales con página propia, la red global, la narrativa de integración vertical en About, el FAQ, la newsletter, los formularios y la strategy call con agenda en su propio subdominio.
Y hay contenido de plantilla que todavía no se ha reemplazado: texto en latín en la introducción de soluciones y en las tarjetas de proyectos, una métrica sin etiqueta en About y un artículo con fecha anterior al período que anuncia. Lo escribimos aquí en lugar de recortar las capturas: el trabajo que se muestra es la arquitectura, y la producción de contenido es la fase que sigue.
Cómo está construido
- 01WordPress · Elementor y ElementsKit
- 02Plantillas de cabecera, pie y formularios
- 03Blog nativo para News & Insights
- 04Formularios con reCAPTCHA
- 05Agenda externa en un subdominio
- 06Google Analytics vía gtag
- 07Poppins e Inter · Google Fonts
- 08Fotografía de operación, sin render
Qué no afirma este caso
No hay cifras de tráfico, leads ni posiciones: el proyecto sigue en ejecución y esos datos no existen todavía de forma medible. Tampoco presentamos como cerrado el contenido que aún está pendiente de producción.
Sigue el trabajo
Un negocio complicado no necesita un sitio complicado. Necesita uno bien ordenado.
Comercio internacional, industria, salud, infraestructura: cuando lo que vendes tarda meses en cerrarse, el sitio no cierra la venta — la habilita. Su trabajo es que la primera conversación empiece con el comprador ya convencido de que vale la pena tenerla.
Cuéntanos tu proyecto