MaxLananasiProf 2026
En esta página
Estudio de interfaz · Rediseño personal
Hacer que la próxima acción útil sea más fácil de encontrar.
iProf 2026 explora un portal del personal más legible mediante un rediseño personal de la interfaz. La presentación se inscribe en el contexto de la academia de Guadalupe y usa datos de demostración ficticios. Mi tema: conectar la situación de un miembro del personal, su próximo plazo y los documentos o intercambios que necesita.
- Rol
- Rediseño de la interfaz y presentación por MaxLananas
- Contexto técnico
- PHP, CSS y JavaScript — tecnologías indicadas en la presentación suministrada
- Material presentado
- 11 visuales de presentación y un vídeo de 47,68 segundos
La pregunta de diseño
Carrera, movilidad, documentos y mensajería corresponden a tareas distintas, pero conciernen a la misma persona. ¿Cómo conectar esas tareas sin dar la misma importancia a todas las pantallas? El panel propuesto responde con un resumen de situación, la próxima cita de carrera y algunos plazos prioritarios, antes que el resto de la navegación.
01 — Orientar antes de hacer navegar
El panel reúne la situación actual, la información no leída y los eventos próximos en una misma jerarquía. La cita de carrera se convierte en una acción que preparar, en lugar de un número más dentro de un menú. Esa entrada clara convive con una barra lateral estable que mantiene accesibles los demás servicios.
02 — Dar forma al tiempo y a las prioridades
La vista de carrera usa una trayectoria y una tarjeta de próximo paso para facilitar la lectura del progreso. La presentación de movilidad la complementa con una lista de deseos ordenados, la información de campaña y un calendario. Estas vistas hacen comprensible un recorrido; no prueban la validación de los cálculos de carrera ni de las reglas administrativas subyacentes.
03 — Mantener la información cerca de la tarea
Los documentos se organizan en torno a categorías, una búsqueda y estados visibles. La mensajería retoma esa lógica con un buzón priorizado y hilos de conversación. El objetivo de diseño es no tener que reconstruir el contexto cada vez que se pasa de un plazo a un documento o a un intercambio.
Un lenguaje visual común, no once pantallas independientes
La presentación suministrada asocia una paleta dominada por el azul, superficies sobrias, navegación persistente y una jerarquía de tarjetas repetida. La tipografía distingue el papel de la página de la información operativa. Esas referencias visuales al servicio público permanecen dentro de la maqueta independiente: este portfolio no es un sitio oficial del ministerio.
Responsive y accesibilidad: intenciones que hay que verificar en el código
Las presentaciones móvil y oscura muestran cómo conservar la jerarquía en un espacio más estrecho o en otro contexto de contraste. Son elementos de diseño útiles. Una captura no basta, sin embargo, para probar los recorridos de teclado, el soporte de tecnologías de asistencia, la seguridad de la autenticación o la conformidad RGAA.
Las comprobaciones previstas para una puesta en producción
- Orden de navegación por teclado, foco visible, etiquetas explícitas y alternativa al reordenamiento solo con ratón.
- Visualización estrecha y zoom alto sin perder acciones ni información documental.
- Estados vacíos, cargas, errores y documentos caducados, más allá del único caso ideal.
- Permisos del lado del servidor, sesiones y reglas de gestión reales con el equipo responsable.
- Pruebas de uso con el personal concernido y auditoría de accesibilidad de la aplicación implementada.
La presentación completa
Los once visuales siguen disponibles a continuación: escaparate, inicio de sesión, panel, carrera, movilidad, documentos, mensajería y presentaciones responsive/accesibilidad. Una imagen puede ampliarse para examinar la interfaz. El vídeo usa el reproductor nativo del navegador y no se descarga antes de que se solicite la reproducción.
El rediseño en vídeo
Presentación independiente con datos ficticios. El reproductor nativo no necesita iframe ni conexión a Google para reproducir el vídeo.
Abrir el archivo de vídeo · 1280 × 720 · 47,68 segundos · Reproducción a demanda
Descripción textual de la secuencia mostrada
La película abre con referencias visuales al servicio público y el título iProf. Después muestra el panel y sus plazos, la vista de carrera con su progreso y, a continuación, el escaparate público. Termina con la síntesis de la presentación. Las cifras y promesas visibles en la película forman parte de la maqueta suministrada; no son medidas de uso realizadas para este estudio. Esta descripción se refiere a las imágenes, no a una transcripción de la pista de audio.
Explorar los once visuales
Selecciona una imagen para ampliarla. Las flechas del teclado recorren la presentación; los datos mostrados son ficticios.
Alcance y elementos verificables
El proyecto se presenta como un rediseño personal de interfaz, con datos ficticios. Esta página no reivindica ni encargo institucional, ni despliegue en producción, ni resultado de negocio medido, ni certificación independiente de accesibilidad. Los medios suministrados constituyen los elementos disponibles para este estudio; no se proporcionó el código de la aplicación iProf para su revisión.
Presentación suministrada y archivos originales · Fuentes revisadas el .
MaxLananas · Interfaces y herramientas
¿Una interfaz que repensar?
Un buen punto de partida es la tarea que hoy genera fricción: encontrar una acción, comprender un estado o pasar entre informaciones relacionadas. Precisa ese contexto y el público concernido cuando me contactes.