PROSOL / APP · PROPUESTA VISUAL 01

Tu aplicación,
con identidad de marca.

Cuatro pantallas completas generadas como imágenes, a partir de las funciones de las capturas recibidas. El HTML permite revisarlas y descargarlas; no es una aplicación operativa.

Dirección visual

Azul institucional para estructura; amarillo para acciones y detalles; superficies claras para leer formularios. Tipografías de referencia: Manrope e Inter. Iconos de trazo azul con acentos amarillos.

#071D59#FFB500#F5F7FB
01 / Reconocimiento de marca

Apertura

Logo institucional, fondo azul y un indicador discreto de carga. La apertura duplicada se representa con una sola propuesta.

Captura original
Original: Apertura
Referencia de las funciones existentes.
Nuevo diseño
Rediseño: Apertura
Una imagen completa · pulsa para ampliar.

Descargar PNG

02 / Dos caminos claros

Inicio

Se distingue la validación de identidad del acceso a una cuenta. Se conservan las cinco secciones de navegación de la captura.

Captura original
Original: Inicio
Referencia de las funciones existentes.
Nuevo diseño
Rediseño: Inicio
Una imagen completa · pulsa para ampliar.

Descargar PNG

03 / Formulario legible

Iniciar sesión

Etiquetas visibles, contraste alto, recuperación de contraseña y acceso al registro. Se evita repetir navegación durante el ingreso.

Captura original
Original: Iniciar sesión
Referencia de las funciones existentes.
Nuevo diseño
Rediseño: Iniciar sesión
Una imagen completa · pulsa para ampliar.

Descargar PNG

04 / Datos fáciles de introducir

Validar identidad

Se conservan DNI, RUC, carné de extranjería y pasaporte. La muestra de DNI usa ocho dígitos. Los formatos de los demás documentos se definirán en implementación.

Captura original
Original: Validar identidad
Referencia de las funciones existentes.
Nuevo diseño
Rediseño: Validar identidad
Una imagen completa · pulsa para ampliar.

Descargar PNG

Notas para el desarrollo

Usar los logos maestros y los SVG del manual al implementar. Las imágenes generadas sirven de referencia visual. Validación de identidad y autenticación son pasos distintos: el ingreso del documento no sustituye la verificación de identidad. Conservar las funciones existentes; definir los estados de error, carga y éxito con el desarrollador.

Imágenes de referencia para desarrollo.