Producto Digital · FULGUR S.A.S.
FULGUR S.A.S. — Landing B2B para exportadora de oro
Landing page institucional para FULGUR S.A.S., comercializadora colombiana de oro con operaciones en Dubái. El objetivo: proyectar confianza y cumplimiento normativo ante compradores B2B internacionales (refinerías, bancos de inversión, traders de commodities) antes de iniciar una conversación comercial. Diseño dark mode con acentos dorados, estructura narrativa en 7 secciones (Inicio, Nosotros, Mercado, Trazabilidad, Operaciones, Presencia Global, Contacto) y enfoque 100% en credibilidad institucional.
Ver sitio en vivo →
Resultados
Métricas reales del proyecto
91/100
Performance (Mobile)
100/100
SEO
100/100
Mejores Prácticas
95/100
Accesibilidad
2.8s
Carga (LCP)
0
Estabilidad visual (CLS)
Galería
El sitio, sección por sección
No solo el resultado final — el porqué de cada decisión de diseño, sección por sección.
Inicio — Hero
Propósito: la primera impresión tiene que posicionar a FULGUR como institucional desde el segundo cero — tagline, cifras clave (170 kg exportados/año, presencia en Dubái, 100% trazabilidad) y dos CTA, sin necesidad de hacer scroll. Por qué se diseñó así: la foto de fondo (skyline de Dubái con una estela dorada que cruza la imagen) visualiza literalmente el tagline "Conectando la riqueza colombiana con los mercados globales" — es la metáfora central de la marca hecha imagen, no una foto de stock genérica. Por qué ese color: fondo casi negro para que el oro de la estela y los botones sean el único acento que compite por atención. Un comprador institucional (refinería, banco, trader) espera sobriedad, no una landing page llamativa — el negro profundo comunica solidez antes de que el visitante lea una sola palabra.
Nosotros — Arquitectura Corporativa
Propósito: responder la primera pregunta de credibilidad que se hace cualquier comprador internacional — "¿es FULGUR una empresa legal y seria?" — con Misión, Visión 2030 y 6 valores corporativos en formato escaneable. Por qué se diseñó así: el título usa una tipografía serif editorial (no la sans-serif del resto del sitio) — ese contraste deliberado da un registro más de "prospecto institucional" que de landing de startup, distinto a cómo se ven la mayoría de sitios B2B en este sector. Por qué ese color: el dorado se reserva casi exclusivamente para la cita final ("El mundo exige oro limpio...") — las 8 tarjetas de valores se mantienen neutras a propósito para que no compitan entre sí, y el ojo del visitante aterrice en la frase que sí importa.
Mercado — Dinámica del Mercado Internacional del Oro
Propósito: dar contexto macro (distribución de la demanda mundial de oro y a Colombia como región productora relevante) antes de hablar de FULGUR específicamente — construye credibilidad analítica primero. Por qué se diseñó así: gráfico de barras horizontal + mapa de Colombia lado a lado. Un layout orientado a datos, no a fotos, comunica rigor analítico a una audiencia institucional/financiera que evalúa proveedores con criterios técnicos. Por qué ese color: el fondo cambia al segundo tono de verde-negro (alternando con el de Nosotros). Esta alternancia entre dos tonos casi idénticos es deliberada: en un sitio de una sola página tan largo, sirve como señalización de "nuevo capítulo" sin romper la estética oscura unificada del resto del sitio.
Trazabilidad — El Filtro FULGUR
Propósito: esta es la sección más importante de toda la página — responde la objeción número uno de cualquier comprador serio: ¿cómo se garantiza que el oro informal se convierte en oro certificado y exportable? Por qué se diseñó así: un embudo invertido literal (INPUT ancho y riesgoso → FILTRO FULGUR → OUTPUT certificado) hace inmediatamente legible un proceso de cumplimiento abstracto, reforzado por las 4 capas de cumplimiento al lado y los sellos institucionales (DIAN, Cámara de Comercio, Banco de la República, OCDE, LBMA) al pie. Por qué ese color: aquí el dorado se usa de forma funcional, no decorativa — el borde dorado en la caja "OUTPUT" y la cita destacada ("Cumplimiento no es un trámite administrativo...") marcan visualmente el punto de resolución del embudo como el verdadero payoff de la sección.
Operaciones — El Modelo Operativo
Propósito: explicar el Contrato de Mandato (FULGUR media, no compra ni almacena el oro) y compararse contra comercializadoras locales y traders globales en 5 criterios concretos — responde "¿cómo trabajan exactamente y son mejores que la alternativa?". Por qué se diseñó así: el flujo de 4 pasos numerados (Proveedor Local → Contrato de Mandato → Filtro de Cumplimiento → Comprador Global) reutiliza la misma lógica visual del embudo de Trazabilidad, reforzando un solo modelo mental consistente en toda la página. La tabla comparativa de abajo toma prestado un patrón de tablas de precios de SaaS/fintech (marcadores ●/◐/○) porque ese patrón se lee instantáneamente como "ganamos en estos ejes" para una audiencia B2B. Por qué ese color: mismo fondo alternante que Mercado — intencional: las dos secciones "analíticas" (Mercado y Operaciones) comparten tono para sentirse del mismo registro, mientras Trazabilidad queda aparte como el núcleo emocional/de confianza de la página.
Presencia Global — Validación Comercial y Hoja de Ruta
Propósito: demostrar que esto no es teórico — mostrar volumen real (170 kg/año, 2 compradores activos en Dubái) y una hoja de ruta de crecimiento creíble (170kg→320kg para 2029, Suiza como siguiente mercado) para reducir el riesgo percibido de "¿pueden entregar a escala?". Por qué se diseñó así: una proyección en barras 2026-2029 junto a dos tarjetas de hoja de ruta (Dubái hoy / Suiza siguiente) construye una narrativa de crecimiento sin sobreprometer — las cifras son específicas y moderadas (23% anual), no una curva exponencial, lo cual se lee como más creíble ante compradores sofisticados que desconfían de proyecciones infladas. Por qué ese color: mismo tono oscuro alternante; el dorado se reserva para las cifras duras (170 kg, USD 60k, 2-5%, 2 clientes) para que el ojo aterrice primero en los números, no en el texto descriptivo.
Contacto — Iniciar una Conversación
Propósito: el CTA más simple y de menor friccion de todo el sitio — un correo corporativo directo en lugar de un formulario con múltiples campos, porque el comprador objetivo (ejecutivo de refinería, banco, trader) quiere iniciar una relación por correo o introducción directa, no llenar un formulario de lead-gen como un cliente retail. Por qué se diseñó así: una sola tarjeta centrada con logo, correo y un botón — deliberadamente despoja todos los demás patrones de UI usados en el resto de la página (sin grids de tarjetas, sin gráficos, sin tablas comparativas) para señalar "esta parte es solo negocios, no marketing". Por qué ese color: es la única sección de todo el sitio donde el botón dorado aparece sólido/relleno en vez de solo con borde — el único lugar donde se pide una acción directa recibe el mayor peso visual posible.
Hablemos
¿Listo para hacer crecer tu negocio?
Cuéntanos sobre tu proyecto y diseñaremos una estrategia personalizada para ayudarte a atraer más clientes y escalar tu negocio digital.
- Diagnóstico gratuito de tu presencia digital
- Estrategia personalizada en 48h
- Sin compromisos ni contratos largos