Este documento presenta las etapas del método de diseño de Franco Sarno, que incluye preproducción, desarrollo y testing. La preproducción comprende tareas como rebriefing, benchmarking, creación de personas, definición de capacidades y wireframes. El desarrollo implica trabajar con proveedores, producción, coordinación y marcha blanca. Finalmente, el testing evalúa las decisiones tomadas y genera métricas.

1. Franco
DISEÑADOR
Digital
SARNO

2. Licenciado en Diseño con
Universidad del Desarrollo
Mención en
2015
Diseño Digital
EDUCACIÓN

3. DISEÑO Y DESARROLLO
Proyectos InteractivosAÑOS
2AHB GAMES
EXPERIENCIA
Entretenimiento / Educación

4. Diseño de Interfaz
OBJETIVO

5. MÉTODO
PREPRODUCCIÓN
DESARROLLO
TESTING

6. PREPRODUCCIÓN
REBRIEF
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

7. REBRIEF
¿PARA QUÉ?
ENTREGABLES:
¿Qué necesito saber antes de empezar el proyecto?
¿Tengo toda la información que necesito?
¿El cliente me presentó una necesidad o una solución?
¿Están claros los compromisos?
-Cuestionario Digital del Brief
-Nuevo Brief

8. PREPRODUCCIÓN
REBRIEF
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

9. BENCHMARK
ENTREGABLES:
¿Que han hecho otros?
¿Qué ha hecho la competencia?
¿Qué han hecho los referentes a nivel
mundial en el rubro?
-Presentación Digital con el análisis
y las conclusiones del Benchmark
¿PARA QUÉ?

10. PREPRODUCCIÓN
REBRIEF
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

11. PERSONA
ENTREGABLES:
¿Conozco a mi usuario?
¿Tengo argumentos suficientes para tomar decisiones
de diseño en función del comportamiento de mis usu-
arios?
-Fichas en formato digital con cada uno de los
“persona” definidos
¿PARA QUÉ?

12. REBRIEF
PREPRODUCCIÓN
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

13. CAPACIDADES
DEL SISTEMA
ENTREGABLES:
¿Que va hacer el sitio?
¿Qué propuestas deben cotizarse?
¿Qué funcionalidades deben esperar
a una segunda etapa?
¿Cómo se relacionan los distintos contenidos?
-Detalles de las capacidades
-Mapa de Navegación
¿PARA QUÉ?

14. PREPRODUCCIÓN
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

15. WIREFRAMES
¿PARA QUÉ?
ENTREGABLES:
Para evaluar la interacción de cada página y
no sus aspecto estético
Para revisar y corregir de manera rápida
las interacciones que son mejorables
Para realizar estudios de usuarios
-Imágenes esquemáticas en formato digital
de las principales plantillas del sistema

16. PREPRODUCCIÓN
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

17. DISEÑO VISUAL
¿PARA QUÉ?
ENTREGABLES:
Para darle a los esquemas su look final
Tipografías, colores, texturas e imágenes
dan forma a la propuesta
Imágenes que representan el aspecto
final del proyecto
-Imágenes finales en formato digital
de las principales plantillas del sistema

18. PREPRODUCCIÓN
BENCHMARK
PERSONA
CAPACIDADES DEL SISTEMA
WIREFRAMES
DISEÑO VISUAL
DISEÑO DE CONTENIDO

19. DISEÑO
DE CONTENIDO
¿PARA QUÉ?
ENTREGABLES:
Para describir en intención, extensión, posición
y jerarquías cada uno de los contenidos del nuevo sitio
Definición de los contenidos página a página
-Brief general del contenido página a página

20. MÉTODO
PREPRODUCCIÓN
DESARROLLO
TESTING

21. DESARROLLO
PROVEEDORES
PRODUCCIÓN
COORDINACIÓN Y SUPERVISIÓN
MARCHA BLANCA
LANZAMIENTO

22. PROVEEDORES
¿PARA QUÉ?
ENTREGABLES:
Para armar un equipo de trabajo
apto para el proyecto
La cantidad de posibilidades requieren gente
especializada para una entrega a tiempo
-Propuesta de presupuestos en formato digital
para el desarrollo del proyecto

23. DESARROLLO
PROVEEDORES
PRODUCCIÓN
COORDINACIÓN Y SUPERVISIÓN
MARCHA BLANCA
LANZAMIENTO

24. PRODUCCIÓN
¿PARA QUÉ?
ENTREGABLES:
Para programar y poblar de contenido el sitio
Se producen las funcionalidades, se toman fotos,
se filman videos, se programan las apps y
se integran las redes
-Informes de estado periodicos
-Versión beta del sitio

25. DESARROLLO
PROVEEDORES
PRODUCCIÓN
COORDINACIÓN Y SUPERVISIÓN
MARCHA BLANCA
LANZAMIENTO

26. COORDINACIÓN
Y SUPERVISIÓN
¿PARA QUÉ?
ENTREGABLES:
Para Cconseguir los mejores resultados posibles
Coordinamos y supervisamos los estados
de avance con el fin de servir como constantes
controladores de calidad del proyecto
-Informes de avance en presentación digital

27. DESARROLLO
PROVEEDORES
PRODUCCIÓN
COORDINACIÓN Y SUPERVISIÓN
MARCHA BLANCA
LANZAMIENTO

28. MARCHA BLANCA
¿PARA QUÉ?
ENTREGABLES:
Para testear intensivamente el sistema
y sus capacidades
El fin es dejarloen las condiciónes óptimas
para ser publicado
-Informe de Testeo
-Informe de Cambios

29. DESARROLLO
PROVEEDORES
PRODUCCIÓN
COORDINACIÓN Y SUPERVISIÓN
MARCHA BLANCA
LANZAMIENTO

30. LANZAMIENTO
¿PARA QUÉ?
ENTREGABLES:
Para ser presentado en sociedad
Asesorar a la empresa en todas las
necesidades de difusión
Buscar alta presentación en motores de busqueda
-Depende de las necesidades de cada proyecto

31. MÉTODO
PREPRODUCCIÓN
DESARROLLO
TESTING

32. TESTING
¿PARA QUÉ?
ENTREGABLES:
Para costatar que las desiciones tomadas
fueron correctas
Se realiza un testeo grabado designando tareas a los
usuarios
Generar métricas
-Informe de Testeo
-Informe de Cambios

33. Franco
DISEÑADOR
Digital
SARNO