Diseño de producto · Magic Pulpo
Diseñado una vez, construido muchas veces.
Wireframes, prototipos y la biblioteca de componentes que hay debajo. Diseñamos las pantallas y el sistema del que salen, para que la segunda pantalla cueste menos que la primera y la quincuagésima siga pareciéndose a ti.
Nuestro punto de vista
Una pantalla es barata. Un sistema es lo que se capitaliza.
- Componentes a partir de los que tus desarrolladores pueden construir
- Accesibilidad diseñada dentro, no auditada después
- Archivos fuente de Figma, tuyos para siempre
El sistema
Tres disciplinas. Un equipo senior.
01
UX y UI
Arquitectura de la información, flujos de usuario, wireframes y diseño de interfaz, llevados hasta un prototipo interactivo para que la cosa pueda probarse antes de construirse.
02
Design systems
Tokens, componentes y variantes, documentados con reglas de uso y estados. Construidos para implementarse en código, no para admirarse en Figma.
03
Accesibilidad
Contraste, orden de foco, tamaño de los objetivos y recorridos de teclado resueltos en el diseño, según WCAG 2.2 AA. Más barato aquí que en un sprint de corrección.
El proyecto
Cómo funciona
Un proyecto estructurado, de la primera llamada a resultados medibles.
- 01
Enmarcar el problema
Qué tiene que hacer el producto, para quién, y cómo sabremos que funcionó. Las analíticas existentes y los tickets de soporte se leen antes de dibujar nada.
- 02
Arquitectura y flujos
Arquitectura de la información, modelo de navegación y los flujos de los dos o tres recorridos que llevan los ingresos.
- 03
Wireframe y prototipo
Primero baja fidelidad, después un prototipo interactivo. Probado con usuarios reales cuando la decisión lo justifica, que es más a menudo de lo que los equipos esperan.
- 04
Interfaz y sistema
Diseño visual y biblioteca de componentes a la vez, para que cada pantalla se monte con piezas que ya existen y el sistema sea el entregable.
- 05
Entrega y QA de diseño
Tokens, documentación y una revisión del build contra el diseño. El sistema se entrega funcionando, no lanzado por encima de un muro.
Lo que obtienes
Cada proyecto se define y se presupuesta por adelantado. Sin sorpresas en la factura.
- 01Arquitectura de la información y flujos de usuario
- 02Wireframes de cada pantalla del alcance
- 03Prototipo interactivo de los recorridos principales
- 04Diseño de interfaz, mobile first, en cada punto de ruptura
- 05Design system: tokens, componentes, variantes, estados
- 06Documentación de uso de los componentes
- 07Anotaciones de accesibilidad según WCAG 2.2 AA
- 08Archivos fuente de Figma y revisión de entrega a desarrollo
Lo que cuesta
Indicativo: el rango final se fija en la llamada. Solo honorarios; la inversión en medios nunca lleva margen. Cifras en EUR.
Los números
Cifras que respaldamos.
2
Versiones de la app publicadas en iOS y Android, Wuff
2,000
Usuarios beta en más de 70 comunidades, Wuff
6
Landing pages por audiencia sobre un solo sistema de tokens, IAF
La prueba
