Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso...

36
Diseño web en clave Storytelling De Hollywood a Montevideo Carlos A. Ramón Sanabria

Transcript of Diseño web en clave Storytelling - cramonsanabria.com±o-web-en-clave...Desarrollo web Proceso...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

¿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

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

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

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

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

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

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

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

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

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

Más contenidos como este en:

cramonsanabria.com

Charla “Diseño web en clave Storytelling”. Comunidad WordPress Uruguay. 4/junio/2019 cramonsanabria.com