Maquetación de Interfaz de Usuario (UI) – Láminas de Onboarding RLA 2026

I. Diseño de las 4 Láminas del Kit (Layout)

Así estamos maquetando el flujo visual dentro de la App en santosjaimes.org:

  1. Lámina 01: El Saludo del Líder

    • Imagen: Rafael López Aliaga con gesto de compromiso.

    • Texto: “Bienvenido al War Room. Aquí el Plan de Gobierno no son palabras, son datos técnicos para reconstruir el país”.

    • Botón: “Siguiente”.

  2. Lámina 02: El Poder de los Códigos (500/500)

    • Gráfico: Un buscador resaltado con los números 0500, 1000, 1500 flotando.

    • Texto: “Encuentra respuestas al instante. Digita el código del tema y accede a la ficha técnica oficial”.

    • Visual: Icono de una lupa interactiva.

  3. Lámina 03: Tu Célula de Acción

    • Gráfico: Dos iconos claros: un casco (Técnica) y un grupo de personas (Intereses).

    • Texto: “Únete a las Células Técnicas de Desarrollo o a los Grupos de Interés Común. Tu aporte profesional es el motor del cambio”.

  4. Lámina 04: Control Total Offline

    • Gráfico: Un teléfono con un check de “Carga Completa” y el símbolo de Wi-Fi tachado (indicando que funciona sin él).

    • Texto: “Lleva el Plan contigo. Consulta los 3,500 ítems sin gastar tus megas y en cualquier rincón del Perú”.

    • Botón Final: “¡EMPEZAR AHORA!”.


II. Especificaciones Técnicas de la Maqueta

  • Tipografía: Usaremos fuentes Sans Serif (como Montserrat o Roboto) para que se vean claras en pantallas pequeñas.

  • Transiciones: Deslizamiento lateral (Slide) fluido para que se sienta como una App moderna de primer nivel.

  • Responsive: La maqueta se adapta automáticamente si el usuario lo ve desde una tablet o una PC, aunque el foco principal es el Celular.