Rediseño web · Diseño UI · Bricks Builder · Optimización
Rediseño web para el compositor Tristan Bechet
Rediseño de la landing page de Tristan Bechet (TRZTN), compositor y productor afincado en Los Ángeles que crea música para cine, campañas de marcas y proyectos propios. Analicé lo que necesitaba, le presenté tres propuestas de diseño, ajustamos la elegida y la desarrollé en WordPress con Bricks Builder, con los vídeos servidos desde Cloudinary para no cargar la web.
- Cliente
- Tristan Bechet · TRZTN · Los Ángeles
- Sector
- Música para cine y publicidad
- Año
- 2026
- Servicios
- Rediseño web · Diseño UI · Desarrollo WordPress · Optimización
- Herramientas
- WordPress · Bricks Builder · Cloudinary
El punto de partida
Un trabajo que se entiende en vídeo
Tristan Bechet compone para películas como The Seeding o Mutter, seleccionada en el Festival de Tribeca, y para campañas de marcas como Fenty x Puma, Hugo Boss o Nike x Sacai. Su web tenía que estar a la altura de ese trabajo.
La landing anterior era una columna larga de imágenes, textos y enlaces, sin una estructura clara ni navegación. Y su trabajo se entiende sobre todo en vídeo: tráileres, campañas y videoclips.
La propuesta
Tres propuestas, una dirección
Empecé por entender qué quería transmitir y qué tenía que encontrar un director o una marca al entrar: su trabajo más reciente, sus proyectos destacados, sus discos y cómo contactarle.
Con eso preparé tres propuestas de diseño. Elegimos una y la ajustamos juntos hasta dejarla como él quería.
El resultado es una web oscura y cinematográfica, con el vídeo como protagonista y una navegación directa a cine, publicidad, discos y contacto.
De la landing anterior
a la web publicada
Del análisis al lanzamiento, validando cada paso con el cliente.
Calcula tu presupuesto- 01
Análisis
Revisé la landing anterior y lo que el cliente quería comunicar con su web.
- 02
Tres propuestas
Diseñé tres versiones distintas para que pudiera comparar y elegir una dirección.
- 03
Ajustes
Afinamos juntos la propuesta elegida hasta dejar el diseño definitivo.
- 04
Desarrollo en Bricks
Construí la web en WordPress con Bricks Builder, responsive y fiel al diseño.
- 05
Vídeos fuera de WordPress
Alojé los vídeos en Cloudinary y la web solo carga su URL, sin sumar ese peso al servidor.
- 06
Lanzamiento
Publiqué la web optimizada y conectada a los servicios de Google.
Qué incluyó el proyecto
Me encargué del proyecto completo, del análisis al lanzamiento.
- 01
Análisis y propuestas
Tres propuestas de diseño a partir de lo que el cliente quería transmitir.
- 02
Rediseño de la landing
Una estructura clara por secciones: cine, publicidad, discos y contacto.
- 03
Desarrollo con Bricks Builder
La web construida en WordPress con Bricks, adaptada a escritorio, tablet y móvil.
- 04
Vídeo en Cloudinary
Los vídeos se sirven desde Cloudinary para que WordPress no cargue con ellos.
- 05
Optimización y Google
Web optimizada y conectada a los servicios de Google desde el lanzamiento.
¿Necesitas algo parecido para tu negocio?
Hablemos de tu proyecto
Antes y después
La landing anterior y la nueva web en tristanbechet.com.
Resultado
Una web a la altura de su música
Tristan tiene hoy una web a la altura de su música: ordenada, con el vídeo en primer plano y una navegación que lleva directo a lo que busca cada visitante.
Al servir los vídeos desde Cloudinary, WordPress no carga con ese peso aunque casi todas las secciones tengan vídeo.
¿Tienes un proyecto
WordPress en mente?
Cuéntame qué quieres crear, rediseñar o mejorar. Revisaremos tus necesidades y podremos definir la mejor forma de convertirlas en un sitio WordPress sólido, profesional y fácil de gestionar.