ContourOnboarding de producto
Un recorrido de onboarding SaaS y piezas explicativas que guían a los usuarios desde la configuración hasta un primer resultado útil.
Concepto propio. Los visuales son conceptos de dirección de arte generados con IA, no trabajos realizados para clientes.
Público objetivo
Usuarios nuevos que configuran un espacio de trabajo y necesitan confianza en cada paso.
Objetivo creativo
Reducir la fricción con un camino claro, estados honestos y una interfaz serena.
Dirección visual
Blanco roto cálido con azul cobalto, navegación por pasos a la izquierda, tarjetas de conexión, un único botón “Continue” bien visible y pequeñas formas 3D abstractas.
Qué demuestra la vista previa
Una imagen fija de dirección de arte generada con IA y una breve vista previa animada que desplaza una cámara sobre esa imagen. Juntas muestran composición, paleta, tipografía y atmósfera.
No muestran animación terminada, software funcional ni archivos de producción editables.
Vista previa animada del conceptoAlcance de producción completo propuesto
Entregables que incluiría una producción real de este concepto.
- Prototipo de onboarding en 4 pasos
- Estados de conexión
- Video explicativo de 30 segundos
Enfoque de producción
Diseñar los estados de carga, vacío, éxito y error junto con el flujo ideal.
Stack de producción sugerido
- Figma
- Illustrator
- After Effects
Herramientas propuestas para producir los entregables reales. La vista previa no afirma que se hayan utilizado.
Diseño digital
Pantallas, estados y objetivos de interacción
Un diseño de interfaz que se mide por la claridad con la que las personas pueden actuar, no solo por su aspecto.
Estados responsivos
Layouts pensados para móvil, tablet y escritorio desde el principio.
Objetivos de interacción
Una acción principal clara por pantalla, con estados de foco visibles.
Casos límite
Estados de carga, vacío y error diseñados junto con el flujo ideal.
Vistas de detalle
Recortes tomados directamente de la imagen fija del concepto.
