AESIR ONLINE
Dirección de diseño · v1 agosto 2026

Que el juego sea la página

Rediseño del sitio de AESIR Online: identidad derivada del logotipo, una landing que muestra Midgard en vez de taparlo, y el área de cuenta que hoy no existe.

01 Identidad 02 Mapa 03 Landing 04 Conectados 05 Cuenta 06 Lo que discutimos
00

Diagnóstico

aesir-online.net · 4 vistas

El problema no es que esté fea. Es que la misma captura del juego se usa de fondo fijo en las cuatro páginas: decoración, no información.

Las cuatro vistas se ven idénticas, la imagen nunca cambia, y el arte —que es bueno— termina de wallpaper detrás de una tarjeta gris. Casi la mitad del viewport queda en negro vacío. Encima, tres cosas le hacen daño directo al que llega por primera vez.

01
«0 conectados»
Permanente y prominente. Lo peor que puede mostrar un MMO.
02
Noticias rota
Un embed externo que no carga: rectángulo gris vacío.
03
Ranking = tabla cruda
15 filas idénticas: nivel 50, 0% XP. Parece data de prueba.
04
Detalles
«EMPEZAR A JUGAR ✕» se lee como cerrar. Botones azul default. Copyright 2026 / 2024. Sin login.
Home actual
Home
Descargas actual
Descargas
Noticias actual
Noticias
Ranking actual
Ranking
Lo que sí sirve

El logotipo. La tipografía rúnica de acero con filo azul tiene carácter propio y es lo único que ya pertenece a este mundo. Toda la identidad se construye a partir de él.

01

Identidad visual

Del logo, no de un moodboard
Acero · sombra · filo · noche

Acero frío con un filo azul

El logo ya define la paleta: metal gris azulado, sombra profunda y un único azul eléctrico usado como luz, no como relleno. Ese azul es además el que ya significa ciudadano dentro del juego, así que deja de ser «el azul del framework» y pasa a ser el color de la facción propia. El rojo queda reservado para criminal y para nada más: nunca un botón, nunca un error genérico, nunca un banner de oferta.

Noche
#07080B
Panel
#12151C
Acero
#C9CFDA
Papel (claro)
#EFECE6
Ciudadano
#4C7BFF · acción
Criminal
#C4302B · solo PK
Hermandad
#A8763E · bronce
Cofradía
#6E2230 · vino
Display · Oswald
Midgard

Condensada, vertical, con peso. Rima con la geometría angulosa del logo sin caer en una gótica de pergamino. Solo títulos y botones, siempre en mayúsculas.

Texto · IBM Plex Sans
Huyeron de la tiranía del Jarl Ubba

Humanista, con acentos y ñ bien resueltos, legible en celular y a 13px. Neutral a propósito: el carácter lo ponen el arte y los títulos.

Datos · IBM Plex Mono
Lv 43 · 184.320

Niveles, oro, coordenadas, puestos y etiquetas. Alinea en columnas y le da textura de servidor a la data. Dos familias, tres roles: mantenible.

Componentes · el sistema entero son estas seis piezas
Acción
Descargar el juego
Ver el mundo
Estado del servidor
EN LÍNEA · v1.4.2
CERRADO
Etiquetas semánticas
CIUDADANO CRIMINAL HERMANDAD COFRADÍA
Barra de progreso
Lv 4362%
Superficie
Esquinas rectas. Sin sombras difusas. 1px de acero al 14%.
02

Mapa del sitio

4 vistas → 5 públicas + cuenta
Público · sin sesión
/
Inicio
Qué es, por qué importa, cómo empezar
/m
Midgard
Lore, razas, clases, lugares. Absorbe la galería.
/d
Descargar
Requisitos, pasos y qué esperar la primera vez
/n
Novedades
Posts propios + changelog del servidor
/r
Ranking
Temporada, ligas, top 20 y cofres
Cuenta · con sesión (JWT)
/c
Personajes
Progreso, clase, raza, última posición
/c/b
Bóveda
Compartida, con pestañas, y oro del banco
/c/t
Temporada
Mi puesto, mi liga, cuánto falta al cofre
/c/co
AESIR Coins
Saldo, movimientos y tienda
/c/s
Seguridad
Mail verificado, contraseña, sesiones
Acceso
/entrar
/crear-cuenta → verificar mail
/recuperar

Un solo JWT ya compartido con el cliente: crear la cuenta en la web y entrar al juego es el mismo login. Ese es el argumento de la página de descarga.

Se elimina
· «Galería» como página aparte → vive en Midgard
· Contador de conectados en tiempo real
· El embed de chat como página de noticias
· Iconos de sistemas operativos que no existen todavía
03

Landing

Modo oscuro · 1240px

El arte del juego pasa a ser el contenido: cada bloque muestra una captura distinta, con epígrafe que dice qué estás viendo. Nada de tarjeta gris flotando sobre un wallpaper.

AESIR
InicioMidgardDescargarNovedadesRanking
EN LÍNEA
ES / EN
Entrar
Descargar
MMORPG 2D de mundo abierto · gratis

Midgard no te
va a cuidar

Elegís entre seis razas y nueve clases, y salís a un mundo nórdico abierto donde morir cuesta caro y los otros jugadores son la mitad del peligro. Gratis y en español.

Jugar gratis
Ver Midgard
Windows · gratis · sin registro para probar · ~2 GB la primera vez
Bosques de Traldor · captura in-game
Pico de jugadores · 24 h
{{ pico24 }}
Personajes creados esta semana
312
Temporada
II · quedan 23 d
Actividad agregada, no un marcador en vivo. Por qué.

Qué hace distinto a Midgard

tres razones concretas
Mundo propio
Un mapa con historia

Ullathorpe, Alfheim, Traldor y las Catacumbas Antiguas existen por un motivo: quién huyó de quién, quién custodia qué. El lore explica el mapa.

Riesgo real
Azul o rojo

Matar a un ciudadano te marca como criminal y te cierra las ciudades. Si caés, perdés lo que llevabas encima. Cada pelea es una decisión, no un minijuego.

Vivo
Temporadas y grietas

Ligas con umbrales, cofres para el top 20 y eventos automáticos. El mundo cambia sin esperar a un parche grande.

Seis razas, nueve clases

ver todas en Midgard →
sprite
{{ r.nombre }}
{{ r.nota }}
{{ c }}

Empezar toma tres pasos

La cuenta que creás acá es la misma con la que entrás al juego. No hay dos registros.

01
Creá tu cuenta
Mail y contraseña. Verificás en un click.
02
Descargá el juego
Se instala solo y queda siempre actualizado.
03
Entrá a Ullathorpe
Elegís raza y clase adentro del juego.
© 2026 AESIR Online
DiscordReglamentoManualEstado del servidor
AESIR
EN LÍNEA
MMORPG 2D · gratis · en español

Midgard no te va a cuidar

Seis razas, nueve clases y un mundo nórdico donde la muerte cuesta.

Ver cómo se juega
Descargar (PC)
Pico 24 h
{{ pico24 }}
Nuevos
312
Temporada
II
Mirá el mundo
← desplazá · 14 capturas con epígrafe

Mobile-first, con una decisión distinta

En el celular el CTA principal no es descargar: el juego es de PC y ese botón sería una vía muerta. Arriba va «ver cómo se juega» (capturas y clases) y la descarga queda como acción secundaria, más un «enviarme el link por mail».

44pxAltura mínima de todo lo tocable; los botones van a 48–52px.
1 colUna sola columna y carruseles horizontales para el arte; nada de grillas de seis apretadas.
1 MBPresupuesto de imágenes por vista: capturas en WebP y carga diferida. Mucha gente entra con datos móviles.
04

Qué hacer con el contador

respuesta concreta
Hoy
0

Un número en vivo, sin contexto, en el lugar más visible de la página. Cuando dice 0 —de madrugada, en mantenimiento, o porque está roto— le está diciendo al visitante nuevo «acá no hay nadie, andate». Un dato en tiempo real solo conviene cuando el peor valor posible sigue siendo bueno. Acá no lo es.

Propuesta
EN LÍNEA · v1.4.2 · XP x2
Pico 24 h
{{ pico24 }}

Dos piezas separadas. Estado (¿está prendido?) es binario y honesto, e incluye versión y multiplicadores activos. Actividad es agregada: pico de las últimas 24 h, siete días de barras y personajes nuevos de la semana. Un pico nunca es 0 si el servidor está vivo, y además muestra en qué horario hay gente —que es la pregunta real del jugador.

Si está cerrado, decilo
Una franja arriba con el último parte del equipo, como el de hoy: «Midgard cerrado, sin fecha de reapertura». El silencio es peor que la mala noticia.
Nunca inflar
Ni «+1.000 jugadores» ni números maquillados. Esta comunidad se conoce y lo detecta en un día; el costo de credibilidad no lo paga ninguna conversión.
Prueba social real
Miembros del Discord, último evento con cuántos participaron, top de la temporada. Actividad de gente, no un gauge.
05

Área de cuenta

Modo claro · el panel se usa de día

Criterio: entra al panel lo que sirve estando fuera del juego —decidir a qué personaje jugar, ver si me alcanza para el cofre, mover oro, comprar Coins, recuperar la cuenta. Queda afuera lo que solo tiene sentido con el cliente abierto.

AESIR
PersonajesBóvedaTemporadaCoinsSeguridad
EN LÍNEA
tenek@mail.com
Verificá tu mail Sin verificar no podés recuperar la cuenta ni recibir el cofre de temporada.
Reenviar mail
Cambiar dirección

Tus personajes

3 de 5
+ Crear
sprite
{{ p.nombre }} {{ p.estado }} {{ p.clase }} · {{ p.raza }} {{ p.oro }} oro
Nivel {{ p.nivel }}{{ p.xpTexto }}
Última posición: {{ p.pos }} Puntos de ranking: {{ p.puntos }} {{ p.quests }} quests activas
Queda afuera del panel inventario de 40 slots, hechizos aprendidos, apariencia y quests archivadas: es data que solo sirve con el cliente abierto.

Temporada II

quedan 23 d
Tu mejor puesto
#34
LIGA BRONCE
1.420 ptsTop 20 (plata) a 380 pts
PLATINO
top 1–3
ORO
4–10
PLATA
11–20
BRONCE
21–50

Bóveda compartida

abrir →
1 2 3 Banco: 1.284.500 oro
Solo lectura desde la web: ver qué guardaste antes de decidir con qué personaje entrar. Mover ítems se hace en el juego.

AESIR Coins

340
04 ago · Compra paquete 500+500
02 ago · Cambio de nombre−160
28 jul · Slot de bóveda−200
Ir a la tienda
La tienda vende conveniencia y cosmética, nunca poder. Eso se dice en la propia página de la tienda, no en letra chica.
Por qué modo claro acá
La landing vende un mundo oscuro; el panel es una herramienta que se abre de día, muchas veces desde el laburo. Los dos modos existen en todo el sitio: esto muestra que el sistema aguanta los dos.
Un solo color de nombre
El nombre del personaje se pinta con su color del juego: azul ciudadano, rojo criminal. Es la misma señal que ya leen adentro, sin leyenda que explicarla.
Seguridad, no «perfil»
Mail verificado, cambio de contraseña y sesiones activas con «cerrar todas». En un juego con economía y cuentas robadas, eso es la pestaña que importa.
06

Lo que discutimos del pedido

pediste que lo digamos
Prioridad
El área de cuenta no es lo más importante

Es lo más grande de construir, pero solo lo ve quien ya juega. Si el servidor está cerrado y llegan visitantes nuevos, lo que mueve la aguja es la landing y la descarga. Orden que proponemos: identidad + landing + descarga → novedades → ranking → cuenta. La cuenta puede salir en dos etapas: primero registro, verificación y personajes; después bóveda, temporada y Coins.

Contenido
Ni el ranking ni las noticias son un problema de diseño

El ranking hoy muestra 15 filas iguales porque la temporada no arrancó, no porque la tabla esté mal maquetada. Necesita estados vacíos honestos («la temporada empieza el 1/9») y al menos tres métricas distintas para ordenar. Y noticias necesita alguien que escriba cada dos semanas: si no hay quien escriba, mejor un changelog automático del servidor que una sección vacía. Definámoslo antes de diseñar la plantilla.

Alcance
Bilingüe + dos modos + cuenta es mucho para un proyecto chico

Cada combinación se multiplica al mantenerla. Propuesta: lanzar en español con el inglés listo a nivel de estructura (todos los textos en un solo archivo, nada hardcodeado) y traducir cuando haya jugadores que lo pidan. Los dos modos sí valen porque son dos variables de color, no dos diseños.

Descargas
Saquemos los cinco iconos de sistemas operativos

Hoy hay iconos de Steam, Mac, Linux y Android sin build detrás. Prometen algo que no existe y el que hace click se frustra. Un solo botón de Windows x64, y debajo una línea honesta: «Linux funciona vía Proton; Mac y Android no están soportados todavía». Si algún día hay build, se agrega.

Lo que necesitamos de ustedes

Los sprites de las seis razas y las nueve clases en PNG con fondo transparente, y unas quince capturas del mundo elegidas a propósito (no screenshots casuales): una por lugar, con la interfaz del juego oculta. Todo el arte de este documento está recortado de las capturas que nos pasaron, así que el resultado final va a ser bastante mejor.

Seguimos con novedades y ranking
]]>