J.M. El‑Fil

Proyectos · UI y Web

KHORAun mundo de ajedrez y fútbol

Un juego online en directo donde cada nación del Mundial tiene su propio juego de piezas dibujado a mano. Colecciónalas, abre sobres, personaliza tu vestuario y juega contra rivales reales. Todo lo que hay debajo es el código real del juego, funcionando aquí mismo.

Rol
Diseño de producto, UI, ilustración y front-end
Plataforma
Web, escritorio y móvil
Tecnología
Django, Channels, WebSockets, JS puro
Estado
En marcha desde junio de 2026
82Naciones
491Juegos de piezas
10Divisiones por ranking
104Partidos del Mundial sincronizados en directo
Demo en directo

01 — Vestuario

Una colección interactiva.

El vestuario es donde los jugadores lucen sus colecciones. La pieza destacada no es una imagen plana: se inclina hacia tu cursor, se deja llevar en la dirección en la que la arrastras y vuelve de un salto a su carta.

Física del cursorDiseño de cartasÉpocas y rarezas
Demo en directo
Sobre
Pioneers Pack
24.5M
Sobre
Golden Age Pack
48.0M
Sobre
Modern Legends Pack
86.0M
Sobre
Millennium Pack
128.5M

02 — Apertura de sobres

El hype por las mejores piezas.

Abrir un sobre es el punto emocional de la tienda: un carrete girando, luz del color de la rareza, un sonido que va creciendo y una revelación calculada para caer justo cuando cae la tensión.

AnimaciónDiseño de sonidoCiclos de recompensa
Demo en directo
Argelia
Angola
Argentina
Australia
Austria
Bélgica
Bolivia
Bosnia y Herzegovina
Brasil
Bulgaria
Camerún
Canadá
Cabo Verde
Chile
China
Colombia
Costa Rica
Croacia
Cuba
Curazao
República Checa
Dinamarca
RD Congo
Ecuador
Egipto
El Salvador
Inglaterra
Francia
Alemania
Ghana
Grecia
Haití
Honduras
Hungría
Islandia
Indonesia
Iran
Irak
Israel
Italia
Ivory Coast
Jamaica
Japón
Jordania
Kuwait
México
Marruecos
Países Bajos
Nueva Zelanda
Nigeria
Irlanda del Norte
North Korea
Noruega
Panamá
Paraguay
Perú
Polonia
Portugal
Catar
República de Irlanda
Rumanía
Rusia
Arabia Saudita
Escocia
Senegal
Serbia
Eslovaquia
Eslovenia
Sudáfrica
Corea del Sur
España
Suecia
Suiza
Togo
Trinidad y Tobago
Túnez
Turquía
Ucrania
Emiratos Árabes Unidos
Estados Unidos
Uruguay
Uzbekistán
Gales

03 — Bienvenida

Elige tus colores.

Lo primero que hace un visitante nuevo es elegir su nación. En vez de un formulario, las insignias se deslizan bajo el cursor como un carrete: cuanto más te inclinas, más rápido corre.

BienvenidaInsignias de cristalCarrusel infinito

También diseñado y construido

El resto del mundo.

i.

Rivales online

Emparejamiento en tiempo real en diez divisiones, con una animación de ascenso tras cada partida.

ii.

Revisión de partidas

Revive cualquier partida jugada a jugada, con los relojes sincronizados.

iii.

Retos

Retos diarios, hitos y un recorrido de 37 niveles que hace volver a los jugadores.

iv.

Sonido

Web Audio sintetizado y un banco de sonidos propio, con ajustes de volumen y tono.

v.

Entrada cinematográfica

Una bienvenida a pantalla completa: trazo de firma, selector de nacionalidad y un portal de piezas.

vi.

Portal del Mundial

Calendario en directo, noticias, historia del torneo y un simulador de partidos alrededor del juego.

Diseño editorial y para redes

Historias que se leen deslizando.

Carruseles de Instagram: composición, tipografía y texto hechos para leerse diapositiva a diapositiva.

KHORA en Instagram, slide 1 of 8 KHORA en Instagram, slide 2 of 8 KHORA en Instagram, slide 3 of 8 KHORA en Instagram, slide 4 of 8 KHORA en Instagram, slide 5 of 8 KHORA en Instagram, slide 6 of 8 KHORA en Instagram, slide 7 of 8 KHORA en Instagram, slide 8 of 8
1 / 8

KHORA en Instagram

Una nación en dos diapositivas.

Contenido para las redes sociales de KHORA. Cada nación se abre con un cartel construido con toda su plantilla de piezas y sigue con una diapositiva que las alinea y nombra una a una.

Deslízalo: arrastra, usa las flechas o desplázate de lado por las 8 diapositivas.

Diseño para redesComposiciónIlustración
Carrusel de cine, slide 1 of 7 Carrusel de cine, slide 2 of 7 Carrusel de cine, slide 3 of 7 Carrusel de cine, slide 4 of 7 Carrusel de cine, slide 5 of 7 Carrusel de cine, slide 6 of 7 Carrusel de cine, slide 7 of 7
1 / 7

Carrusel de cine

Kagemusha, la sombra del guerrero.

Un carrusel de siete diapositivas sobre Kagemusha de Kurosawa, escrito en español. Cada diapositiva une un fotograma con una línea del lema del clan Takeda: rápido como el viento, silencioso como el bosque, feroz como el fuego, inamovible como la montaña.

Deslízalo: arrastra, usa las flechas o desplázate de lado por las 7 diapositivas.

Diseño editorialRedacciónNarrativa
SiguienteIlustración
Trabajemos juntosIlustración · diseño · front-end