YAN
Diseño de app web y panel
Rei do Pitaco. Una lista de espera en pasos cortos
El flujo de registro de una lista de espera para un producto de apuestas: elegir cómo entrar, dar los datos en pasos cortos y confirmar el correo electrónico.
En resumen
- El problema
- Una empresa de fantasy game lanzaba un producto de apuestas. Su lista de espera tenía que llevar a las personas por el registro, la verificación de identidad y las invitaciones, y darles un motivo para esperar.
- Mi parte
- Como Product Designer del equipo, de marzo a octubre de 2022, trabajé en UX y UI, diseño de interacción, pruebas de usabilidad, evaluación heurística e investigación para el fantasy game y el lanzamiento del producto de apuestas.
- La decisión clave
- Mapear el lanzamiento en cuatro etapas, registro, verificación de identidad, invitación y puntuación, antes de dibujar una pantalla. Después, pedir una cosa por pantalla, con el error y el motivo de cada requisito en su lugar.
- Mi papel
- Flujos de producto y diseño de interfaz
- Estado del proyecto
- Diseño de interfaz · archivo de Figma
Pantallas de los archivos de diseño originales de Figma, con datos de ejemplo.
Mi contribución
Trabajé en Rei do Pitaco como Product Designer de marzo a octubre de 2022, en su juego de fantasy y en el lanzamiento de un nuevo producto de apuestas. Eso incluyó diseño de UX y UI, diseño de interacción, pruebas de usabilidad, evaluación heurística, investigación de UX y product discovery.
Este caso sigue la lista de espera del producto de apuestas, desde el plan hasta el área con sesión iniciada. La investigación con usuarios que hay detrás es un caso aparte, con acceso por código.
Mapear el lanzamiento antes de diseñarlo
El trabajo empezó como estructura: un mapa del sitio para la lista de espera y un flujo principal en cuatro etapas. La suscripción incorpora a la persona, el KYC confirma quién es, los referidos y el compartir suman a otras personas, y el puntaje muestra en qué posición está. Cada pantalla posterior tenía que servir a una de esas etapas.
Dos formas de entrar, un paso a la vez
La primera pantalla separa dos situaciones: crear una cuenta nueva o usar una cuenta de Rei do Pitaco que ya existe. Quienes vuelven tienen sus propios enlaces debajo de esos botones, uno para iniciar sesión y otro para recuperar la contraseña.
Cada paso posterior mantiene la misma estructura: el logo arriba, un título, los campos de ese paso y, abajo, Atrás y Siguiente alrededor de tres puntos de progreso. El paso del CPF muestra el error de campo obligatorio en el mismo lugar, con una nota debajo que explica que el número no se puede cambiar después. Después del último paso, el flujo se reduce a un mensaje y dos acciones: reenviar el correo o cerrar.
Una lista de espera que explica el premio
La landing page anuncia el nuevo producto de apuestas con una frase, “O betting do Rei vem aí!”, y una acción: dejar el correo y entrar a la lista. Todo lo que hay debajo responde por qué vale la pena, empezando por más de R$ 1 millón en premios.
Los niveles de premios, cómo funcionan los puntos y unas preguntas frecuentes breves vienen en ese orden, así la página resuelve la duda sobre el dinero antes de pedir cualquier otra cosa.
Después del registro, una cuenta regresiva
Una vez dentro, el área con sesión iniciada mantiene presente el lanzamiento: los días que faltan, una escalera de premios y el estado de la verificación de la cuenta. El archivo incluye tanto la versión verificada como la no verificada, así que quien se detuvo a medio camino puede ver qué falta.
El registro en sí pide una cosa por pantalla, del correo al nombre y la fecha de nacimiento, y luego el CPF, con una nota simple que explica por qué hace falta ese número.
