Energía · Asesoría
Tracemont
Una web en diez idiomas para un intermediario independiente en el mercado del gas renovable y los combustibles bajos en carbono.
- Duración
- may. – sept. 2026
- Rol
- Diseño y desarrollo
- Idiomas
- 10
- Públicos — consumidores y productores
- 2
El encargo
Tracemont conecta a compradores y productores en los mercados europeos de gas renovable y combustibles bajos en carbono. Se dirige a dos públicos muy distintos, en diez mercados, y tiene que explicar un negocio complejo de forma sencilla.
El reto
Los compradores buscan suministro verificado; los productores, compradores cualificados. Una sola web tenía que hablar a los dos sin volverse genérica. Y el primer gráfico de los modelos de servicio parecía un panel de criptomonedas, cuando el cliente es una correduría de materias primas, no una app de trading.
Lo que construí
Una web serena y editorial con vídeo de portada y un selector que adapta el mensaje de entrada —y toda la paleta de colores— a consumidores o productores. Unos gráficos animados explican sus dos formas de trabajar, un precio spot que converge y una curva ascendente a largo plazo, y un formulario protegido mantiene las consultas limpias en diez idiomas.
Por dentro
Las piezas que hacen el trabajo
01Un selector, dos públicos
Un selector consumidor/productor bajo el titular reescribe el mensaje de portada y cambia toda la paleta: azul marino para compradores, ónice para productores.
02Gráficos que explican el modelo
Tracemont Strike: líneas de suministro que convergen en un precio spot que se actualiza. Tracemont Mandate: una curva ascendente. Cada uno en versión clara y oscura.
03Diez idiomas, SEO completo
Cada página en diez idiomas con su propia URL, enlaces hreflang, datos estructurados (servicio financiero, migas de pan) y un sitemap de 48 URL.
04Vídeo que funciona en el móvil
Un vídeo de portada en bucle. Si el móvil bloquea la reproducción automática, arranca con el primer toque o desplazamiento en lugar de quedarse en negro.
05Formulario de contacto protegido
Un formulario con un campo trampa oculto contra bots, página de agradecimiento y un banner de consentimiento de cookies (aceptar o solo esenciales).
06Alojamiento del cliente
El código está en el repositorio de GitHub del propio cliente y se despliega en Vercel. Una contraseña la mantuvo privada hasta el lanzamiento.
Recreado con datos de ejemplo, sin información real de clientes.
Tecnología
- React 19
- React Router
- Tailwind
- Motion
- Vercel
Cómo se hizo
Del encargo al lanzamiento
Duración: may. – sept. 2026
May 2026
Estrategia y planificación
Construida a partir de la estructura de la web y el manual de identidad visual del cliente. La primera versión se publicó en una vista previa de Vercel el 29 de mayo para revisarla.
Jun – Aug 2026
Diseño y desarrollo
Seis rondas de comentarios por escrito. La primera cambió los botones de la portada por el selector consumidor/productor y el primer gráfico por los de convergencia y curva.
Aug – Sep 2026
Lanzamiento y automatización
La web completa estuvo tras una contraseña para la revisión final del cliente desde el 5 de agosto. El 22 de septiembre se quitó la contraseña y la web pasó a ser pública.
Resultados
Medido en la web publicada
- Páginas indexadas
- 48
- Idiomas
- 10
Medido con Google Lighthouse · Sep 2026
Siguiente paso
¿Quieres algo así?
Cuéntame tu proyecto: una primera propuesta en un día laborable y un precio cerrado por escrito antes de empezar nada.
Paso a paso · de la primera llamada al lanzamiento
¿Tienes un proyecto en mente? Hagámoslo.
Cuéntame qué vendes y qué necesitas. Te respondo en un día laborable con los siguientes pasos, o con un sincero “esto no es para mí”.
Siguiente proyecto