BB HoldingsDesarrollo web · Comercio global · 2026

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.

Cliente
BB Holdings
Sector
Procurement de commodities · Global
Alcance
Arquitectura web, contenidos y UX B2B
Rol
Diseño, desarrollo y estructura editorial
Año
2026
Inicio de bbholdings.net con el titular «Global Commodity Procurement» sobre una refinería al atardecer y las tres tarjetas de vertical.

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.

01 · Qué mueven

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.

02 · Cómo lo controlan

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.

03 · Cómo se empieza

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.

Teal profundo

Titulares, texto y superficies oscuras

HEX
#0D4958
RGB
13 · 73 · 88
Teal medio

Bandas sobre fotografía y separadores

HEX
#6E929B
RGB
110 · 146 · 155
Cian

Marcas pequeñas y estados activos

HEX
#4ECAE6
RGB
78 · 202 · 230
Bruma

Texto secundario sobre fondo oscuro

HEX
#B6C8CD
RGB
182 · 200 · 205
Papel

Bandas alternas y tarjetas

HEX
#F1F3F3
RGB
241 · 243 · 243

06Tipografía

Una que afirma, otra que sostiene.

Titulares, nombres de vertical y cifras

Poppins

Aa Bb Cc — 0123456789

SemiBold 600 · Bold 700

Texto largo, fichas de servicio y FAQ

Inter

Aa Bb Cc — 0123456789

Regular 400 · Medium 500

Etiquetas, kickers y datos de contacto

Inter · versalitas

Aa Bb Cc — 0123456789

SemiBold 600

H1

Global Commodity Procurement

clamp(40–75) · -2% · 700
H2

Worldwide Delivery Network

clamp(30–48) · -1% · 700
Tarjeta

Oil & Refined Products

clamp(18–24) · 0 · 600
Texto

Abastecimiento de extremo a extremo de granos, blandos y fertilizantes, con prácticas de sourcing sostenible.

16 / 26 · 0 · 400
Etiqueta

Years of Experience · Offices Worldwide · Contracts

13 / 16 · 12% · 600

07El 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.

  1. WordPress · Elementor

    Sitio, plantillas y blog
  2. Tres verticales

    Oil, gas y agro
  3. Red de entrega

    Sourcing, transporte y aduana
  4. Trade Security

    Cumplimiento y riesgo
  5. Market Insights

    Análisis y contenido editorial
  6. Strategy call

    Agenda externa
  7. Formularios y newsletter

    Captura y seguimiento
  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

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