diseño web en clave storytelling - cramonsanabria.com±o-web-en-clave...desarrollo web proceso...
TRANSCRIPT
![Page 1: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/1.jpg)
Diseño web en clave Storytelling
De Hollywood a Montevideo
Carlos A. Ramón Sanabria
![Page 2: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/2.jpg)
Desarrollo web
Desarrollo web es un término que define la CREACIÓN DE SITIOS WEB para Internet o una
intranet. Para conseguirlo se hace uso de tecnologías de software del lado del servidor y
del cliente que involucran una combinación de procesos de base de datos con el uso de
un navegador web a fin de realizar determinadas tareas o mostrar información.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 3: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/3.jpg)
Desarrollo
Diseño
Marketing SEO
![Page 4: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/4.jpg)
Desarrollo web
Proceso mediante el cual identificamos la necesidad del cliente y
la acompañamos a través de una serie de pasos sucesivos, de manera que crezca
y progrese hasta convertirse en un sitio web efectivo y hermoso.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 5: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/5.jpg)
Paso 1: Definición de alcance
Paso 2: Planificación del proyecto
Paso 3: Prototipado y Diseño
Paso 4: Desarrollo a medida
Paso 5: Pruebas, entrega y lanzamiento del sitio web
Paso 6: Mantenimiento de la web
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 6: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/6.jpg)
Abogados
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 7: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/7.jpg)
Abogados
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 8: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/8.jpg)
ONG
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 9: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/9.jpg)
Operador portuario
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 10: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/10.jpg)
Falta desarrollo en clave
Storytelling
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 11: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/11.jpg)
El Storytelling es la técnica que traslada los conocimientos y habilidades
requeridas para la narración de historias a la actividad de...
Desarrollar sitios webs
¿Qué es Storytelling?
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 12: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/12.jpg)
Modelo clásico de
StorytellingAristóteles en el IV antes de Cristo en
su tratado sobre la Poética define que
las historias se dividen en tres actos:
Planteamiento, Nudo y Desenlace.
Este modelo sigue vigente
dos mil trecientos años después.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 13: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/13.jpg)
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 14: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/14.jpg)
Modelo (Monomito) de
StorytellingJoseph Campbell en su libro
“El héroe de las mil caras” plantea que
todas las historias (mitos) siguen una
misma estructura narrativa.
Todas las historias se centran en el viaje
del héroe a través de 16 momentos.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 15: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/15.jpg)
La Guerrade las Galaxias
George Lucas consultó la obra de Campbell
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 16: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/16.jpg)
Christopher Vogler simplifica el
monomito y lo convierte en una
Guía Práctica sobre el viaje del héroe.
Reduce el viaje a 12 pasos y explica cómo
aplicarlo a la creación de historias.
Modelo (Hollywood) de
Storytelling
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 17: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/17.jpg)
Paso 1: Mundo ordinario
Paso 2: Llamado a
la aventura
Paso 3: Rechazo
al llamado
Paso 4: Encuentro
con el Mentor
Paso 5: Cruce del
Umbral
Paso 6: Pruebas
Paso 7: Aproximación
a la cueva
Paso 8: La gran prueba
Paso 9: La recompensa
(elixir)
Paso 10: Camino
de regreso
Paso 11: La resurrección
Paso 12: Retorno con elixir
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 18: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/18.jpg)
OK! Muy bueno, pero…
¿Cuándo hablamos de diseño?
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 19: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/19.jpg)
Carl G. Jung: Médico psiquiatra figura
clave en la etapa inicial del psicoanálisis.
Entendió los arquetipos como patrones e
imágenes arcaicas universales que
derivan de lo inconsciente colectivo y son
la contraparte psíquica del instinto.
Arquetipos (personajes) en
Storytelling
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 20: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/20.jpg)
Heroína
Heraldo
Mentor
Aliados Aliados
Guardián del Umbral
Sombra
Enemigos
Enemigos
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 21: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/21.jpg)
Ahora hablamos de…
Storytelling y Diseño
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 22: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/22.jpg)
Paso 1: Definición de alcance
Paso 2: Planificación del proyecto
Paso 3: Prototipado y Diseño
Paso 4: Desarrollo a medida
Paso 5: Pruebas, entrega y lanzamiento del sitio web
Paso 6: Mantenimiento de la web
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 23: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/23.jpg)
El cliente es el héroe, no la marca.
Identifica quién es el cliente y qué problema tiene.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 24: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/24.jpg)
NOSOTROS
Usuario / Cliente
(Héroe)
AGENCIA
Nuestro Cliente
Cliente/Usuario (Héroe)
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 25: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/25.jpg)
El cliente solo se moviliza si existe un problema y un enemigo
que debe superar (llamado a la aventura).
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 26: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/26.jpg)
¿Cómo sabe el cliente qué problema tiene…?
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 27: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/27.jpg)
Los clientes no buscan otro héroe,
buscan un guía que los ayude a salir victoriosos.
Si no lo mentorizas tú, otro lo va a mentorizar.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 28: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/28.jpg)
Siempre hay personas y factores (aliados y enemigos)
que intervienen en el viaje del cliente.
Las objeciones son la expresión de
las pruebas que el cliente está enfrentando.
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 29: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/29.jpg)
Un cliente satisfecho es aquel que obtiene
una recompensa (solución) y resucita (supera su sombra).
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 30: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/30.jpg)
Comenzamos siempre con un lienzo en blanco
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 31: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/31.jpg)
Paso 1: Mundo ordinario
Paso 2: Llamado a la aventura
(Un problema claro)
Héroe
Heraldo
Sombra
Paso 3: Rechazo al llamado
Paso 4: Encuentro con el
mentor
Paso 5: Cruce del Umbral
Héroe / Sombra
Mentor
Guardián del umbral
Aliados / Enemigos
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 32: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/32.jpg)
Paso 6: Pruebas
Paso 7: Acercamiento a la
cueva
Paso 8: La gran Prueba
Paso 9: Recompensa con elixir
Héroe / Sombra
Mentor
Guardián del umbral
Aliados / Enemigos
Paso 10: Camino de regreso
Paso 11: Resurrección
Héroe / Sombra
Aliados / Enemigos
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 33: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/33.jpg)
Paso 6: Pruebas
Paso 7: Acercamiento a la
cueva
Paso 8: La gran Prueba
Paso 9: Recompensa con elixir
Héroe / Sombra
Mentor
Guardián del umbral
Aliados / Enemigos
Paso 10: Camino de regreso
Paso 11: Resurrección
Héroe / Sombra
Aliados / Enemigos
Paso 12: Retorno con elixir Héroe
Aliados
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 34: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/34.jpg)
Mundo Ordinario
Llamado a la Aventura
Rechazo al llamado
Encuentro con el Mentor
Cruce del Umbral
Encuentro con el Mentor
Cruce del Umbral
Pruebas
Acercamiento a la cueva
La gran Prueba
Recompensa con elixir
Camino de regreso
ResurrecciónRetorno con elixir
HeraldoCharla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 35: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/35.jpg)
Llegamos al final…
¿Qué les pareció?
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com
![Page 36: Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso mediante el cual identificamos la necesidad del cliente y la acompañamos a través](https://reader036.vdocumento.com/reader036/viewer/2022081614/5fd0152472317c5c956c818a/html5/thumbnails/36.jpg)
Más contenidos como este en:
cramonsanabria.com
Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com