VOLVER A LOS PROYECTOS

Akane / Caso de estudio de producto e ingeniería

De una ventana de chat
a una presencia continua.

Diseño de sistemas e interfaces para que un agente recuerde, siga una agenda y mantenga su continuidad entre escritorio y móvil.

Mi rolDiseño de sistemas, ingeniería y diseño de interacción
PlataformasEscritorio y Android
ProyectoPersonal / en desarrollo desde mayo de 2026
Inicio de Akane en escritorio: personaje, agenda, recuerdos y contenido compartido
Inicio en escritorio / Diseño actual

02 / Dentro de la aplicación de escritorio

Un agente, distintas perspectivas.

Explora las pantallas actuales de escritorio. Son capturas de la aplicación, no una demostración en vivo.

Presencia del personaje y navegación
Presencia del personaje y navegación

La vista de inicio conecta el retrato con la vida cotidiana, los recuerdos, el contenido compartido y la conversación.

La pregunta de diseño

¿Cómo hacer visible
la continuidad?

Akane es un proyecto personal inspirado en Satomi Akane, de Eternal City / 永远的7日之都. El reto va más allá de generar una respuesta: la memoria, la agenda y los cambios de estado interno deben entenderse a través de la interfaz.

Mi experiencia en videojuegos orienta este trabajo. El estado, las respuestas del sistema y la presentación del personaje conectan el backend con una experiencia que se puede entender y usar.

01 / SISTEMAS

La continuidad detrás de la interfaz

Memoria en varias capas, autonomía basada en el contexto, coordinación de modelos y presencia en tiempo real.

02 / INTERACCIÓN

Un estado que se puede entender

Retratos, agendas, registros de vida y vistas de necesidades hacen visible el funcionamiento del sistema.

03 / IMPLEMENTACIÓN

Dos formas de estar presente

Un espacio de trabajo amplio en escritorio y una interfaz vertical más enfocada en móvil.

Diseños anteriores de escritorio

01 / Evolución en escritorio

De herramientas separadas
a un diseño coherente.

La misma idea de vida cotidiana en tres etapas de desarrollo. Puedes ampliar cada imagen.

01 / Ventana inicial de herramientas
01 / Ventana inicial de herramientas

Registros de vida en una ventana independiente.

02 / Un espacio de trabajo integrado
02 / Un espacio de trabajo integrado

La agenda y los registros diarios comparten una disposición horizontal y la misma navegación.

03 / Una interfaz oscura
03 / Una interfaz oscura

El mismo espacio con paneles de mayor contraste y una identidad visual coherente.

LA IDEA QUE GUÍA EL DISEÑO

Mostrar al personaje, su disponibilidad y su continuidad en la interfaz diaria, y reservar las vistas específicas para consultar su estado en detalle.

03 / Evolución en móvil

La misma continuidad.
Un espacio diferente.

La aplicación móvil lleva las mismas ideas a una interfaz vertical. Compara el registro de vida inicial con su presentación más reciente.

Antes / Eventos de vida
Antes / Eventos de vida

Una lista desplazable de eventos y sus datos.

Ahora / Diario de vida
Ahora / Diario de vida

Un diario con el mismo estilo de paneles del resto de la aplicación.

Una evolución del diseño

Llevar el mundo del personaje más allá del escritorio.

La primera interfaz móvil mostraba los elementos básicos: registros de vida, agendas e informes. La versión más reciente presenta esas ideas con un diseño compartido con la aplicación de escritorio.

La conversación, la agenda, el diario y las necesidades tienen vistas propias. Así, cada pantalla mantiene un objetivo claro sin comprimir todo el escritorio en un teléfono.

Las capturas muestran etapas iniciales y más recientes del desarrollo.

Ver más pantallas de la aplicación móvil
Conversación
Conversación

Retrato, diálogo y controles de voz e imagen.

Agenda
Agenda

Disponibilidad y bloques horarios del día.

Necesidades
Necesidades

Estado interno presentado en tarjetas individuales.

Lo que aprendí

La ingeniería y
el diseño de experiencias
van de la mano.

El proyecto me recuerda que la memoria y la autonomía son útiles cuando sus efectos se entienden en la interacción. Una agenda debe explicar la disponibilidad. El estado debe influir en el comportamiento. La interfaz debe comunicar ambos.

Ahí se conecta este proyecto con mi trabajo en videojuegos y productos en tiempo real: diseñar la relación entre estado, comportamiento y respuestas, y construir el software que la hace posible.

Las ideas reutilizables del backend dieron origen a Bridge Core. Su sitio web explica el motor en mayor detalle.

Identidad del proyecto e ilustraciones del personaje

Proyecto personal independiente. Las capturas muestran versiones en desarrollo y se incluyen como parte de este portafolio. Los derechos del personaje y del juego original pertenecen a sus respectivos titulares. Este proyecto no está afiliado al juego original.

La experiencia detrás del proyecto

Ver mis trabajos anteriores de ingeniería.

Construyamos algo útil

Conversemos.

Busco oportunidades en ingeniería de IA y productos interactivos.

Imagen del proyecto

Abrir imagen original