Un nuevo Reverie: De software a santuario

Algo nos molestaba.

Reverie tenía personajes geniales. Conversaciones significativas. Funciones que los usuarios realmente amaban. Pero cada vez que mirábamos la interfaz, veíamos... software. Botones, tarjetas, listas, barras de navegación. Ese tipo de diseño limpio y funcional que esperarías de una herramienta de productividad o un panel de SaaS.

Eso no es lo que Reverie debería ser.

Reverie es un lugar donde la imaginación cobra vida. Donde conoces personajes que se sienten reales, entras en historias que responden a ti, exploras mundos que existen solo para tu experiencia. El producto era mágico. La interfaz era mundana.

Así que reconstruimos todo.

El problema con "Suficientemente bueno"

Nuestro diseño antiguo no era malo. Era profesional, consistente, fácil de navegar. Seguía las mejores prácticas. Los usuarios podían encontrar lo que necesitaban.

Pero "suficientemente bueno" es el enemigo de "memorable".

Cuando usas la mayoría de las apps, eres consciente de que estás usando una app. Hay una capa mental entre tú y la experiencia—la interfaz te recuerda constantemente que eres un usuario operando software. Haz clic en este botón. Navega a esa página. Completa este flujo.

Queríamos que esa capa desapareciera.

Las mejores experiencias de entretenimiento no se sienten como productos. Cuando estás absorto en una gran película, olvidas que estás mirando una pantalla. Cuando te pierdes en una novela, las páginas desaparecen. Queríamos que Reverie se sintiera igual—un lugar al que entras, no una herramienta que usas.

Qué cambió

Cada página principal fue rediseñada alrededor de un principio: los personajes y las historias primero, la interfaz después.

Inicio: Una galería de posibilidades

La página de inicio antigua era funcional. Personajes destacados en una cuadrícula. Categorías para explorar. Llamadas a la acción claras.

La nueva página de inicio es una experiencia. Una galería de cuatro columnas de imágenes de personajes llena la pantalla, creando un mosaico de posibilidades. Superposiciones de degradado y un sutil efecto de resplandor radial dirigen tu mirada al centro, donde una caja de búsqueda y etiquetas de acceso rápido invitan a explorar. Abajo, las historias destacadas se desplazan en tarjetas cinematográficas de 21:9—pasa el cursor sobre ellas y cobran vida con video.

En el momento en que abres Reverie, no estás mirando un sitio web. Estás mirando mundos esperando ser explorados.

Tiramos el formulario vacío sobre fondo blanco. Ahora, cuando inicias sesión, te reciben los propios personajes.

En escritorio, la pantalla se divide: el lado izquierdo se convierte en una presentación de personajes a sangre completa—imágenes y videos rotando cada cinco segundos, con el nombre y bio del personaje apareciendo en la parte inferior. El formulario de login está a la derecha, pero tu atención es atraída por los personajes que te invitan a entrar.

En móvil, el personaje se desvanece en un fondo suave detrás del formulario centrado, todavía presente, todavía acogedor, pero nunca compitiendo por el foco.

Es un pequeño detalle que lo cambia todo. Iniciar sesión ya no se siente como autenticarse con un servicio. Se siente como volver a casa.

Páginas de personajes: Retratos, no perfiles

Las páginas de detalle de personajes solían parecer perfiles—información organizada en secciones, estadísticas mostradas en cajas, texto descriptivo en párrafos.

Ahora son retratos inmersivos. La imagen o video del personaje llena toda la pantalla. Pasa el cursor en escritorio y la imagen se vuelve más clara, escalando ligeramente como si el personaje diera un paso adelante para conocerte. En móvil, las imágenes son nítidas por defecto—no se necesita hover.

Los botones de acción (calificación, favorito, compartir) se esconden en la esquina superior derecha, presentes pero discretos. El nombre, bio y estadísticas del personaje aparecen en la parte inferior, superpuestos sobre la imagen con tipografía cuidadosa. Los botones CTA flotan en el centro con un sutil resplandor radial, invitándote a iniciar una conversación.

No estás viendo los datos de un personaje. Lo estás conociendo.

Páginas de historias: Portadas cinematográficas

Las historias ahora se presentan como pósters de películas. La imagen de portada domina el viewport, con el mismo efecto de hover-para-revelar claridad que las páginas de personajes. Los botones de calificación y compartir están tranquilamente en la esquina.

Abajo, el título, descripción, estadísticas y etiquetas de la historia están organizados con propósito. El botón de reproducción está integrado directamente en el hero—sin sección separada, sin ruptura visual. Todo fluye hacia una única invitación: entra en este mundo.

Las pestañas debajo están refinadas con desenfoque de fondo y bordes sutiles, haciendo que la transición del hero al contenido se sienta fluida en lugar de abrupta.

Feed de descubrimiento: Una experiencia curada

El dashboard antiguo era una lista por la que desplazabas. El nuevo feed de descubrimiento es una experiencia curada que exploras.

Las historias destacadas aparecen en un carrusel horizontal con esa misma proporción cinematográfica de 21:9. Los videos se reproducen al pasar el cursor. Las acciones rápidas—Continuar chat, Continuar historia, Crear personaje, Escribir historia—están en una barra de píldoras compacta, siempre accesibles pero nunca dominantes.

Toda la experiencia fomenta el descubrimiento en lugar de la búsqueda, el vagabundeo en lugar de la caza.

Páginas de campañas: Eventos que se sienten especiales

Las páginas de campañas ahora abren con secciones hero inmersivas que hacen que cada evento se sienta como una ocasión. Los temporizadores de cuenta regresiva están integrados en línea—no más widgets de barra lateral rompiendo el flujo visual.

Los perfiles de creadores recibieron el mismo tratamiento. Cuando visitas la página de un creador, te recibe un encabezado inmersivo que celebra su trabajo antes de sumergirte en los detalles.

La filosofía detrás

Nos inspiramos en lugares que entienden la inmersión:

Las plataformas de streaming saben que el contenido debe venderse visualmente. Navegas con los ojos antes de leer descripciones.

Las novelas visuales entienden que los personajes necesitan contexto. El mundo que los rodea importa tanto como quiénes son.

Los lanzadores de juegos reconocen que entrar en una experiencia debe sentirse como cruzar un umbral. La interfaz establece el ambiente antes de que comience nada.

Los cines oscurecen para que la pantalla brille. El ambiente amplifica la experiencia.

Aplicamos estas lecciones en todas partes. Más espacio visual para imágenes y videos. Fondos más oscuros y atmosféricos. Superposiciones de degradado que crean profundidad sin ocultar contenido. Efectos de hover que hacen que las imágenes estáticas se sientan vivas. Tipografía que realza en lugar de competir.

Lo que mantuvimos

Rediseñar no significa empezar de cero. Algunas cosas funcionaban perfectamente:

Claridad de navegación: Todavía puedes encontrar todo fácilmente. No sacrificamos usabilidad por estética.
Enfoque mobile-first: Cada cambio funciona hermosamente en teléfonos. Móvil obtiene imágenes más claras por defecto, interacciones optimizadas, layouts responsivos.
Herramientas de creadores: Toda la funcionalidad que los creadores necesitan sigue ahí, solo presentada más elegantemente.
Rendimiento: El nuevo diseño es realmente más rápido. Imágenes más grandes, pero carga más inteligente. El video solo se reproduce cuando es necesario.

Los detalles que importan

Algunos cambios quizás no notes conscientemente, pero los sentirás:

Las imágenes se extienden más allá de sus contenedores en lugares, rompiendo la cuadrícula para sentirse más vivas
Superposiciones de degradado que cambian al pasar el cursor, revelando más de la imagen debajo
Videos que se reproducen automáticamente al hover, añadiendo movimiento sin requerir clics
Efectos de escala que hacen que los elementos se sientan responsivos a tu atención
Desenfoque de fondo en elementos UI que mantiene la atmósfera mientras asegura legibilidad
Efectos de resplandor radial que dirigen tu mirada a acciones clave
Proporciones 21:9 consistentes para historias que se sienten cinematográficas en toda la plataforma

Qué significa esto para ti

Si eres un usuario, Reverie debería sentirse más acogedor ahora. Más como un lugar donde quieres pasar tiempo, menos como una app que operas. Los personajes e historias que amas están presentados como merecen—no como entradas en una base de datos, sino como experiencias esperando suceder.

Si eres un creador, tu trabajo obtiene un mejor escenario. Tus personajes aparecen en gloria de pantalla completa. Tus historias obtienen presentación cinematográfica. Las herramientas que necesitas siguen accesibles, solo que ya no compiten con tu contenido por atención.

Esto es solo el comienzo

Este rediseño establece una nueva base. Un lenguaje visual que pone la imaginación primero. Una filosofía de interfaz que prioriza la inmersión sobre la arquitectura de información.

Seguiremos construyendo sobre esto. Más páginas que refinar. Más momentos que pulir. Más formas de hacer que Reverie se sienta menos como software y más como el santuario que debe ser.

Porque al final del día, no vienes a Reverie a usar un producto. Vienes a escapar, a conectar, a imaginar, a sentir.

La interfaz debería quitarse del camino y dejar que eso suceda.

Explora el nuevo Reverie. Nos encantaría saber qué piensas—comparte tus pensamientos en nuestro Discord.