Esto empezó con un vídeo de un minuto en Instagram. Mizzian, que da Muay Thai en Tegueste, contando de dónde venía. Lo vi y pensé: a este gimnasio le hago yo la web.
Lo que no sabía es todo lo que venía detrás. Una primera versión que quedó fea, un iPhone que no quería ver una película y una dirección que no sale en ningún mapa. Vamos por partes.
Un mundo aparte.
Muay Thai, jiu-jitsu brasileño y capoeira bajo el mismo techo.
Un mundo aparte
En el vídeo habla de Las Cruces, en Garachico, del rap, del Muay Thai, de cuando se fue de casa con 17 años y de las malas decisiones. Y en medio suelta esto: «El deporte siempre me ha ayudado a salir de la oscuridad». Con eso ya me tenía.
En otro vídeo cuenta por qué se llama Alien Thai. Quería un sitio donde olvidarte de los problemas de este planeta, un mundo aparte. Esa frase se fue directa a la portada. Y su historia… su historia fue la sección que más guerra me dio, pero eso viene luego.
Lo bueno es que casi todo ya estaba en el gimnasio. Solo había que ordenarlo.
Mural, nombre, historia. Tenía todo… menos una cosa. Y tardé en darme cuenta de lo mucho que pesaba.
De los boards al boceto
La creatividad no me cayó del cielo. Fue más como entrenar: mirar mucho, probar, tirar casi todo y repetir lo que funcionaba.
Me puse a mirar webs de todo tipo. De deportes de combate, de marcas de material, de estudios de diseño y hasta de cosas que no tienen nada que ver con pegarse. Las fui juntando por secciones, varias maneras de hacer lo mismo una al lado de la otra.
Cada board me ayudaba a pensar una cosa concreta, cómo enseño los precios, cómo cuento una historia, y de ahí salía lo mío, a veces mezclando dos ideas. Todo en gris primero, pieza a pieza. El color, al final.
3 opciones
Un menú que no estorbaAquí manda la imagen. Menú escondido, logo en el centro y un solo botón: la clase de prueba.
3 opciones
La primera pantallaMe quedé con dos ideas a la vez: un disco grande detrás del luchador, que luego acabó siendo el sol del mural, y lo de siempre que funciona, foto, titular y dos botones.
3 opciones
Tres artes, tres fotosIconos, tarjetas con texto o fotos de gente entrenando. Ganaron las fotos, sin duda.
3 opciones
Precios que se leen de un vistazoNúmeros grandes, un plan destacado y ya. Que no haya que pensar.
3 opciones
Contar de dónde vieneNada de línea del tiempo. Capítulos, y al final su frase a pantalla completa, que hable él.
3 opciones
Un final con nombre propioEl mapa para llegar y debajo el nombre, enorme, de lado a lado.
Último paso
Y entonces, el colorCon todo en su sitio, tocaba pintar. Y los colores ya estaban en el gimnasio: el tatami, la pared y el verde de los aliens. Dale al botón y lo ves en gris o pintado.
La primera versión
En gris todo cuadraba. Luego hice la primera versión de verdad, con un disco rojo y un botón para probar rojo o verde. Y quedó fea, para qué mentir.
Puedes navegarla aquí mismo o abrirla en una pestaña nueva.
Ahí la tienes, abre el menú y prueba los colores. Ganó el verde, pero ni así. No parecía el gimnasio. Y ahí caí: no tenía imágenes propias. Tenía vídeos sueltos de Instagram, cada uno de su padre y de su madre.
Entonces la pregunta cambió. Ya no era qué foto pongo, era cómo se tiene que ver Alien Thai. Los maestros en blanco y negro, con fondo de estudio. Los aliens del mural saliéndose de la pared, en 3D, para los precios. Hasta los números de la historia con la misma textura que los aliens, que nada pareciera de otra web.
Tres artes,
un mundo.
Pared, tatami y verde
Con eso claro, el color salió solo. No había que inventarse nada, había que mirar: el negro verdoso del tatami, el blanco roto de la pared y el verde de los aliens. Toca un color y mira cómo cambia la web.
Elige tu asalto
Los precios podían ser una tabla y ya. Pero no. Tres tarjetas, números grandes, el plan bueno en verde y en cada una un alien moviéndose.
La patada,
a tu ritmo.
Salir de la oscuridad
Y llegamos a la sección que empezó todo esto. La historia de Mizzian en cuatro capítulos, con una peli que va avanzando según bajas: Garachico, su cara, el saco delante del mural y el otro lado del gimnasio.
En el ordenador, perfecta. En el iPhone, congelada en la primera imagen. Justo en la parte que más me importaba. Al final era una línea de código, una. Encontrarla ya fue otra historia.
No me arrepiento de nada de lo que ha pasado, porque he aprendido de todas esas malas decisiones.
Camino Viejo 56
Ya solo quedaba lo fácil, poner el gimnasio en el mapa. Pues no. El 56 no sale en ningún mapa, y el que yo tenía en la cabeza, oscuro como la web, no existía. Así que lo hice yo. Es el que ves al final.
Más de veinte versiones después de aquella primera fea, aquí está. Entra y date una vuelta.
Puedes navegarla aquí mismo o abrirla en una pestaña nueva.