El mismo diseño, con menos que llenar
Cada app de abajo se escribió como suele escribirla un generador de código. Phyll revisó la primera versión, y la segunda aplica la revisión sin cambiar colores, degradados ni componentes. Cada imagen muestra el mismo momento en las dos versiones: antes a la izquierda, después a la derecha.
Replyloop está en inglés. Las otras tres son negocios brasileños, así que sus pantallas están en portugués.
Los números de la primera tarea
| App | Campos | Clics | Índice de señales de IA | Estilo mantenido |
|---|---|---|---|---|
| Replyloop | 9 → 2 | 9 → 3 | 75 → 7 | 10 de 10 rasgos |
| Navalha Barbearia | 20 → 4 | 18 → 4 | 54 → 6 | 9 de 9 rasgos |
| Orça Já | 41 → 4 | 10 → 2 | 66 → 6 | 9 de 10 rasgos |
| Brasa Burger | 33 → 4 | 15 → 5 | 53 → 6 | 8 de 8 rasgos |
Campos y clics cuentan lo que alguien que llega por primera vez tuvo que hacer en la primera tarea, y ninguna versión de antes llevó a esa persona hasta el resultado. El índice sale del escaneo del código, y cuanto más bajo, mejor. Estilo mantenido cuenta los rasgos visuales de la versión de antes, como degradados, vidrio y emoji, que siguen en la versión de después. El único rasgo que perdió Orça Já fue un sello que prometía una inteligencia artificial que la app no tenía.
Replyloop
DMs automáticos para quien comenta una palabra clave en Instagram.
Enviar un DM a quien comenta una palabra clave
Primera pantalla
El título prometía “Supercharge your Instagram with AI-powered automation”. Ahora dice lo que hace la app: enviar un DM a quien comenta una palabra clave. El sello de IA pasó a anunciar una función que existe, la prueba del DM en tu propio perfil, y los avatares de banco de imágenes desaparecieron.
- P01La primera pantalla no dice qué es ni qué hacer
- C01Frases genéricas de propuesta de valor
- C03Prueba social y números inventados
- C04Personas y datos de ejemplo olvidados
Crear una automatización
Nueve campos, con códigos como COMMENT_KEYWORD y page_1784140, se volvieron dos: la palabra y el mensaje, con la vista previa del DM al lado. Disparador, cuenta, retraso y estado recibieron un valor por defecto, el nombre pasó a “más opciones”, y la descripción y las etiquetas desaparecieron.
- F02Todo pedido de una vez
- F09Opciones que el sistema podría decidir
- C05Códigos en pantalla
Justo después de crear
Antes, un “Success!” saltando y la automatización marcada como ACTIVE sin ningún Instagram conectado. Después, la pantalla dice que la automatización está lista y ofrece el siguiente paso: una prueba en tu propio perfil y la conexión con Instagram.
- S04Éxito que no deja rastro
- F04Callejón sin salida tras el éxito
Lista vacía
“No data” se volvió una frase que explica qué es una automatización, con el botón para crear la primera. Los cinco elementos “Coming soon” salieron del menú.
- S01Pantalla vacía que solo dice que no hay datos
- P05Funciones que aún no existen
Conectar Instagram
Cuatro campos de credenciales de desarrollador de Meta, como token de acceso y secreto de la app, se volvieron un botón para entrar con Instagram. Quien crea contenido no tiene esas credenciales.
- F05Registro o configuración antes del primer resultado
En el teléfono
La versión de antes encogía toda la pantalla de escritorio. La de después cambia la barra lateral por pestañas arriba, que pasan a dos líneas para que se vean las cuatro.
- S05Se rompe en el teléfono
Navalha Barbearia
Sitio de una barbería para reservar corte y barba. Fondo oscuro, degradado ámbar y vidrio, que se mantienen en la versión de después.
Reservar un corte de pelo
El primer clic
“Reserva ahora” abría un registro de 12 campos, con CPF (el documento fiscal de Brasil), género y la contraseña dos veces. Ahora abre toda la reserva en una página: servicio, día y hora, nombre y WhatsApp.
- F05Registro o configuración antes del primer resultado
- F11Datos personales que la tarea no usa
- F12Pedir lo mismo dos veces
Después de reservar
El cliente reservó un corte masculino el día 24 con Rafael, y la cuenta mostró otra cita, el 15/10 con Bruno. La nueva confirmación muestra lo que se reservó y ofrece añadirlo al calendario, cambiar la hora y hablar con la barbería.
- S04Éxito que no deja rastro
- P03Un panel de ceros o números inventados para quien acaba de llegar
Cuando falta un campo
Con nombre y teléfono llenos, “Registrarse” seguía apagado y nada decía por qué. El botón nuevo funciona, cada campo dice qué falta y la página baja hasta el primer problema.
- A07Botón desactivado que no dice por qué
Primera pantalla
“Transforma tu look con la mejor experiencia premium de la ciudad” se volvió “Corte y barba en el Centro, con cita”. La nota 4.9 sin fuente dio paso a la dirección y al horario de atención.
- C01Frases genéricas de propuesta de valor
- C03Prueba social y números inventados
En el teléfono
En el teléfono, el registro venía antes que todo. Ahora el primer toque muestra los servicios con precio, y el día ya viene marcado en el primero que tiene hora libre.
- F05Registro o configuración antes del primer resultado
- F09Opciones que el sistema podría decidir
Orça Já
Presupuestos para prestadores de servicios y pequeños comercios. Blanco, degradado índigo y violeta y tarjetas con sombra, que se mantienen en la versión de después.
Hacer un presupuesto y enviarlo al cliente
Hacer el presupuesto
El paso 1 de 6 pedía razón social, CNPJ (el registro de empresas de Brasil), dirección completa y logo de tu empresa, en cada presupuesto. Ahora una página pide tu nombre, el cliente y los ítems, y el documento se arma al lado mientras escribes.
- F02Todo pedido de una vez
- F07Un asistente para una tarea de una sola pantalla
- F11Datos personales que la tarea no usa
Después de generarlo
El presupuesto listo se volvía un DRAFT en una lista, sin botón para enviarlo. Ahora WhatsApp se abre con el mensaje listo, y la pantalla dice el siguiente paso: marcarlo cuando el cliente lo apruebe.
- F04Callejón sin salida tras el éxito
- C05Códigos en pantalla
La lista
La lista empezaba con João da Silva, Maria Oliveira y Empresa XYZ, con el estado en inglés, como PENDING. La nueva lista muestra solo los presupuestos de la persona, con el estado en portugués y las acciones siempre a la vista.
- C04Personas y datos de ejemplo olvidados
- C08Dos idiomas en la misma interfaz
- A05Acciones que solo aparecen al pasar el cursor
Primera pantalla
“Revoluciona la forma en que creas presupuestos” se volvió “Haz el presupuesto y envíalo por WhatsApp en un minuto”. El sello prometía inteligencia artificial, que la app no tiene, y pasó a decir “Gratis y sin registro”.
- C01Frases genéricas de propuesta de valor
- C03Prueba social y números inventados
En el teléfono
El menú lateral ocupaba medio teléfono, y los campos del asistente quedaban con pocos píxeles. En la versión de después el formulario se apila, y cantidad y precio tienen etiqueta.
- S05Se rompe en el teléfono
Brasa Burger
Menú de una hamburguesería con entrega. Naranja, rojo y emoji, que se mantienen en la versión de después, con el degradado de los botones empezando en un naranja más oscuro para que el texto blanco se lea.
Pedir una hamburguesa a domicilio
Añadir un refresco
El mismo modal de opciones se abría para cualquier producto y preguntaba el punto de la carne para una lata de refresco. Ahora la bebida entra directo a la bolsa, que queda siempre a la vista.
- F03Un modal para todo
- F09Opciones que el sistema podría decidir
Añadir una hamburguesa
“Añadir” abría un modal con punto y pan obligatorios, sin nada elegido. Ahora la hamburguesa entra a la bolsa a punto, en pan brioche, y quien quiera cambiarla usa “Personalizar”.
- F09Opciones que el sistema podría decidir
- A07Botón desactivado que no dice por qué
Finalizar el pedido
El checkout tenía 20 campos, con la dirección en siete partes y número de tarjeta con CVV, aunque el sitio no cobra nada. El nuevo pide dirección, nombre, WhatsApp y la forma de pago en la entrega.
- F02Todo pedido de una vez
- F11Datos personales que la tarea no usa
- F12Pedir lo mismo dos veces
Después de pedir
Después de finalizar, el sitio volvía a la página de inicio con un aviso de éxito. La versión de después muestra el número del pedido, el tiempo estimado de entrega y el WhatsApp de la tienda.
- F04Callejón sin salida tras el éxito
- S04Éxito que no deja rastro
En el teléfono
Tres columnas apretaban las tarjetas, con una palabra por línea y precios saliéndose del borde. Ahora hay una columna, y la bolsa queda en una barra fija abajo.
- S05Se rompe en el teléfono
Pruébalo en tu app
El escáner encuentra estas señales en tu código, sin cuenta. La revisión completa funciona en Codex o Claude Code y corrige los flujos sin tocar tu diseño.
npx phyll scan