Marqevon — web corporativa para un operador físico de petróleo

Marqevon — web corporativa para un operador físico de petróleo | Sina Oshaghi

01Contexto

Un operador principal, no un intermediario

Marqevon es un operador principal (no intermediario) de comercio físico de petróleo: compra a productores y refinerías y entrega a refinerías, distribuidores, aerolíneas, empresas de servicios públicos y usuarios industriales. Su sitio se dirige primero a las contrapartes, después a bancos y socios de financiación comercial, luego a candidatos y, por último, a prensa y reguladores.

El trabajo partió de una especificación desde el principio. Una especificación de 46 KB fijó la arquitectura de la información, el sistema de diseño y las 15 páginas antes del desarrollo, y empieza rechazando el encargo habitual: en este sector, la función de un sitio web no es el marketing, sino proyectar una legitimidad verificable.

02Problema

El canal del fraude tiene su propia jerga

El comercio físico de materias primas tiene un problema de fraude, y el fraude tiene un vocabulario: los intermediarios informales se delatan con un conjunto reconocible de siglas de instrumentos y títulos de mandato — TTT, TTV, DTA, ATB. Un operador principal legítimo de tamaño medio que use cualquiera de ellos parece uno más.

Así que todo el sitio tenía que responder a una sola pregunta, en siete idiomas, dos de ellos escritos de derecha a izquierda.

«¿Es esta entidad real y verificable, o es otra fachada de una cadena de intermediarios? Diseñar para que la respuesta sea evidente en la primera pantalla.»
— La especificación de arquitectura de la información y diseño · Escrita antes del desarrollo, como prueba para cada página

03Investigación

Un hueco que los grandes no ocupan

Un benchmark competitivo puntuó el diseño previsto frente a las mayores casas de trading y un grupo de competidores de tamaño medio. El hueco que encontró merecía ocuparse: ninguno de los grandes comunica explícitamente una postura antifraude, ni dice lo que no hará.

Ese hallazgo se convirtió en estructura y no en eslogan: un grupo «Lo que no hacemos» en las preguntas frecuentes, una invitación abierta a la verificación independiente y una lista de términos que los textos nunca deben usar.

Marqevon en escritorio — la lista de preguntas frecuentes, que cierra con un grupo «Lo que no hacemos» sobre instrumentos bancarios arrendados y descuentos por debajo del mercado — Figura 02Las preguntas frecuentes terminan con lo que la empresa no hará: instrumentos bancarios arrendados, reservas fuera de mercado, descuentos garantizados por debajo del mercado.

04Enfoque

Un instrumento de precisión para un mercado basado en la confianza

La especificación fijó la dirección en una línea — «Instrumento de precisión para un mercado basado en la confianza» — a medio camino entre una mesa institucional de energía y un documento de inspección verificado, y nombró lo que había que evitar: crema con serif y terracota, negro con verde ácido, y los filetes finos como toda la estética.

El trabajo siguió este orden: benchmark competitivo, especificación, desarrollo y una ronda de comentarios del cliente, y esos comentarios se auditaron contra el código antes de aplicar ninguno.

De unas 67 instrucciones en los comentarios del cliente, 33 superaron la auditoría como tarjetas; 8 necesitaron antes una corrección, 22 quedaron bloqueadas por decisiones pendientes y 4 eran preguntas.

Cuatro fases, cada una por escrito

01
BenchmarkLos grandes y los competidores de tamaño medio, puntuados frente al diseño previsto
02
EspecificaciónArquitectura de la información, sistema de diseño y 15 páginas

Marqevon en escritorio — siete pasos numerados comunes a todas las modalidades de entrega, de la cualificación a la conciliación — Figura 03Una secuencia común para todas las modalidades de entrega: las pruebas verificables de forma independiente llegan antes de cualquier compromiso financiero.

05Solución

El Ledger Reference System

La especificación dice dónde invertir: «Pon aquí toda la audacia; mantén todo lo demás en calma.» La firma visual tiene tres partes: etiquetas de referencia unidas a las afirmaciones de credibilidad, manifiestos de datos compuestos como certificados de inspección monoespaciados con filetes finos, y una barra de identidad monoespaciada al pie de cada página.

La paleta está pensada para ello: un fondo abisal color petróleo, acero marítimo, papel de documento, latón como único acento, un verde azulado de verificación bien alejado del verde ácido y óxido solo para las señales de alerta. IBM Plex Mono lleva cada número, referencia y etiqueta.

Por debajo: Payload 3.85 y Next.js 16.2 con next-intl sobre MongoDB — 10 colecciones y 4 globales —, servidos a través de nginx, con un formulario de cualificación de compradores que puntúa cada consulta y la señala a la mesa de operaciones.

Marqevon en escritorio — el manifiesto de gobernanza, una tabla monoespaciada de datos de identidad con etiquetas de referencia de registro y LEI y valores aún por aportar

Marqevon en escritorio — tres productos listados por especificación: gasóleo EN 590, Jet A-1 y nafta

Marqevon en escritorio — la regla para publicar un historial de operaciones: solo tras la validación comercial y jurídica, sin nombres de contrapartes

06Decisiones clave

Cinco decisiones sobre la confianza

La mayoría tratan de lo que el sitio se niega a decir.

01
Concentrar la audacia en un solo lugar
Una empresa de trading que parece diseñada se lee como marketing. El sistema de firma carga con toda la confianza visual y el resto de superficies se mantiene en calma, de modo que los manifiestos son lo que el lector recuerda.
Alternativas
Una marca llamativa en todas las superficies
Compromiso
El sitio parece escueto a quien espera una campaña.
02
Hacer que las reglas rompan la compilación
Dos guardias de CI se ejecutan en cada compilación. Una falla ante el vocabulario del canal del fraude y la ortografía estadounidense en los textos del sitio; la otra, ante utilidades de maquetación con direcciones físicas, fuentes fijadas en el código y cadenas sin traducir. La segunda ya ha detectado un fallo real: una etiqueta accesible que se había escapado de la traducción.
Alternativas
Una guía de estilo escrita
Compromiso
Una guardia solo protege los archivos que lee.
03

07Siete idiomas

Siete idiomas, dos de derecha a izquierda

Inglés, francés, árabe, español, japonés, chino y persa contienen todas las claves de mensajes con paridad exacta: 222 claves en cada archivo en el último commit. El árabe y el persa funcionan con propiedades lógicas de CSS, de modo que la maquetación se refleja en lugar de reconstruirse.

Dos detalles solo aparecieron con el uso. Un cambio de fuente por idioma escrito dentro de una capa de cascada quedaba anulado sin aviso, así que ahora está fuera de las capas; y los manifiestos usan cifras tabulares, para que las columnas monoespaciadas sigan alineadas con texto de derecha a izquierda y CJK.

Marqevon en escritorio — la página de inicio en persa, reflejada de derecha a izquierda con la navegación invertida

Marqevon en escritorio — la página de inicio en árabe, reflejada de derecha a izquierda

08Todas las páginas

Treinta y cuatro páginas, un solo sistema

Todas las páginas en inglés del despliegue, capturadas el 26 de septiembre de 2026 a 1440 píxeles de ancho y en un teléfono de 390 píxeles: las dieciséis páginas de primer nivel, el formulario de calificación del comprador, dos ofertas de empleo, doce artículos de análisis y tres páginas legales.

Las páginas interiores llevan los mismos manifiestos de datos con filetes finos y la misma barra de identidad monoespaciada que las páginas emblemáticas, y en el teléfono cada página se apila en una sola columna, con la navegación tras un botón de menú. En la página de inicio, el panel de precios de mercado aparece enmascarado.

Marqevon en escritorio — Inicio, la primera pantalla

Marqevon en escritorio — Acerca de, la primera pantalla

09Resultados

Desplegado, no lanzado

El sitio está desplegado y en servicio, pero no lanzado: no tiene dominio, se mantiene fuera de los buscadores a propósito y sus datos de identidad siguen siendo marcadores provisionales. Los comentarios aplicados están en un commit sin subir, no en el servidor. No hay analítica, solo comprobaciones de estado de los contenedores.

Pruebas de integración superadas: 142; Junto con el lint, las dos guardias y una compilación de producción, en la rama de comentarios.; Resultado medido · Tablero de comentarios de diseño, 7 de septiembre de 2026
Tarjetas de comentarios aplicadas en el código: 32 / 33; Una retenida por una decisión pendiente; ninguna verificada aún en una aplicación en ejecución.; Resultado medido · Hoja de ruta de comentarios de diseño
Copias de seguridad con restauración verificada: Cada noche, y cada una se restaura para demostrar que funciona, además de un paquete de recuperación antes de cualquier versión que migre contenido.; Entregable
Un despliegue con imágenes inmutables: Las versiones se publican como imágenes fijas; la etiqueta mutable latest y las actualizaciones por sondeo se han retirado.; Entregable

Qué se entregó

Siete idiomas en paridad
Dos guardias de CI

10Lo que aprendí

El recurso de confianza que no hacía nada

01
El resultado más útil fue una regla de lint
Codificar «no hables la jerga del canal del fraude» como una guardia la convirtió de una intención que alguien tiene que recordar en una propiedad del repositorio.
02
Una guardia solo protege lo que lee
La guardia de contenido analiza los archivos de textos y mensajes, no las listas de opciones del formulario, así que el formulario de cualificación de compradores aún ofrece dos de los términos prohibidos como modalidades de entrega. En la única página donde la empresa evalúa a otros, habla la jerga que prohíbe.
03
Un recurso de confianza tiene que hacer algo
Las etiquetas de referencia nombran un registro o el índice LEI, pero no enlazan a ninguno. Mientras no apunten a un registro real, el recurso distintivo solo aparenta verificación: justo el fallo que el proyecto quería evitar.
04
Confirmar primero por escrito las decisiones estructurales
Los siete idiomas se entregaron semanas antes de que un documento de gobernanza del cliente declarara pendiente la cuestión del idioma. Mantenerlos fue lo correcto, porque borrar trabajo terminado y protegido es el error más caro, pero la decisión debía quedar por escrito antes de que existieran las claves.

Idioma

Marqevon — web corporativa para un operador físico de petróleo

Un operador principal, no un intermediario

El canal del fraude tiene su propia jerga

Un hueco que los grandes no ocupan

Un instrumento de precisión para un mercado basado en la confianza

Cuatro fases, cada una por escrito

El Ledger Reference System

Cinco decisiones sobre la confianza

Concentrar la audacia en un solo lugar

Hacer que las reglas rompan la compilación

Siete idiomas, dos de derecha a izquierda

Treinta y cuatro páginas, un solo sistema

Desplegado, no lanzado

Qué se entregó

El recurso de confianza que no hacía nada

El resultado más útil fue una regla de lint

Una guardia solo protege lo que lee

Un recurso de confianza tiene que hacer algo

Confirmar primero por escrito las decisiones estructurales

Escalar el riesgo legal en lugar de decidirlo

Auditar los comentarios del cliente antes de aplicarlos

Dejar marcadores provisionales en lugar de inventar la identidad