El mismo formulario base de Crédito Personal renderizado en 5 modos distintos. Las secciones y campos nunca cambian — solo cambia el layout visual.
Arquitectura desacoplada
La estructura del formulario (secciones, campos, validaciones, dependencias) es completamente independiente del modo de presentación (layout, navegación, render visual).
Modo de visualización
Cambia el layout sin perder datos ni reconstruir el formulario
Formulario: Crédito Personal · Modo activo: Página única
✓ Datos preservados al cambiar modoAutorización de tratamiento de datos personales
De conformidad con la Ley 1581 de 2012 y el Decreto 1377 de 2013, autorizo de manera voluntaria, previa, explícita, informada e inequívoca a la entidad para recolectar, almacenar, usar, circular, suprimir, procesar, compilar, intercambiar, dar tratamiento, actualizar y disponer de los datos suministrados en este formulario...
Complete los datos del firmante:
Área de firma digital
Haz clic en "Ver demo" para expandir cada modo. Todos usan exactamente el mismo formulario base.
Crédito Personal — Página única
Todas las secciones visibles con scroll vertical
Crédito Personal — Wizard multi-paso
Una sección por paso con stepper y navegación
Crédito Personal — Tabs horizontales
Pestañas superiores para cambio inmediato de sección
Crédito Personal — Tabs verticales
Menú lateral izquierdo con contenido a la derecha
Crédito Personal — Paneles expandibles
Acordeón — expandir y contraer secciones individualmente
| Modo | Ideal para | Mejor experiencia en |
|---|---|---|
| 📄 Página única | Formularios cortos, acceso rápido | Mobile, formularios simples |
| 🧭 Wizard multi-paso | Formularios largos y complejos | Onboarding, solicitudes extensas |
| 📑 Tabs horizontales | Desktop corporativo, secciones claras | Backoffice, formularios medianos |
| 📋 Tabs verticales | Formularios muy complejos con muchas secciones | Formularios enterprise, muchos campos |
| 🪗 Paneles expandibles | Mobile / UX rápida, revisión selectiva | Revisión de datos, formularios largos |