Parkour BCN

136

description

Memoria del proyecto final Parkour BCN, del máster en diseño web

Transcript of Parkour BCN

Page 1: Parkour BCN

LIDIA CAMPOS

DIEGO BELTRÁN

PATRICIA PÉREZ

EDUARDO PLA

PARK

OUR

BCN

2013

Page 2: Parkour BCN
Page 3: Parkour BCN
Page 4: Parkour BCN
Page 5: Parkour BCN

Parkour BCN

Diego Beltrán

Lidia Campos

Eduardo Pla

Patricia Pérez

Posgrado en Diseño y Dirección

de Proyectos Web

Tutores

Tona Monjo

Lander Muruaga

Febrero 2013

CRÉDITOSdel proyecto

Page 6: Parkour BCN

1parkour bcn

11. Introducción

12. Definición del proyecto

13. Objetivos

14. Estrategia

15. Planificación

6

Qué es

2investigación21. Brief

22. Tendencias

21

3construcción

58

31. Modelo de negocio

32. Contenidos y navegación

7

9

11

14

16

22

53

59

62

Page 7: Parkour BCN

41. Línea gráfica

42. Style Tile

42. Wireframes

43. Diseño

44. Maquetación y desarrollo

4diseño

70

5conclusiones

110

6128

71

78

83

94

104

puesta en marcha51. Plan de negocio

52. Aspectos legales

53. Futuras Implementaciones

54. Mantenimiento

111

118

122

124

61. Conclusiones 129

Page 8: Parkour BCN

parkourbcn

qué es

Page 9: Parkour BCN

9

introducción

Os presentamos Parkour BCN

proyectoal

45º

Page 10: Parkour BCN

10

El Parkour es un deporte que consiste en desplazarse entre dos puntos de forma eficaz, haciendo uso de las habilidades físicas para superar los obstáculos del mobiliario urbano en los recorridos.

A los practicantes del Parkour se les denomina “traceurs”.Tras adentrarnos en el conocimiento del deporte, y después de haber realizado diversas investigaciones y encuestas; el análisis de la información nos ha permitido conocer el Parkour y a sus

practicantes, facilitándonos el marco del proyecto que presentamos: Parkour BCN.

Nos hemos basado en la filosofía de superación, no competitividad y en la necesidad de reunirse y de enseñar a otros, para desarrollar una web en la que los practicantes puedan tener un espacio para encontrar todo lo necesario para practicar Parkour.

Hemos pensado en un portal por y para el usuario. Uno en el que pueda sentirse

cómodo y no sólo aprender acerca de este deporte, sino también conocer traceurs con los mismos intereses y relacionarse con ellos. Los jóvenes desean comunicarse, expresarse y sentir que pertenecen a algo y que son importantes dentro de ese entorno. Así que, qué mejor manera de pertenecer y ser reconocidos que a través del deporte, de sus logros y sus acciones. A través de una comunidad, de la competencia sana, de la enseñanza mutua y del compartir.

INTRODUCCIÓNdel proyecto

Parkour BCN

Page 11: Parkour BCN

11

definición

Parkour BCN es una plataforma social para los practicantes de Parkour de Barcelona y alrededores, que buscan compartir lugares, actividades o eventos, y encontrar a otras personas que comparten la pasión por el deporte para interactuar con ellos y así lograr experiencias satisfactorias.

proyectodel 70º

120º

Page 12: Parkour BCN

12

Parkour BCN es un sitio web responsive que aúna todas las funcionalidades necesarias para practicar Parkour en Barcelona: traceurs, lugares y eventos.

Como dinámica principal del sitio web, permitimos que los usuarios sean quienes generen el contenido, interactuando entre ellos para transmitir información como recomendaciones, actividades, eventos, lugares para practicar, y compartiéndola con sus amigos en el sitio web o a través de redes sociales.

Los usuarios se relacionan a través del medio online,

valoran la inmediatez y el atractivo visual. Al ser un deporte tan colaborativo, buscan y valoran un reconocimiento y opinión por parte de los demás usuarios.

Los traceurs, sus relaciones, lugares y el propio deporte que hacen posible este entorno web, hacen de Parkour BCN una experiencia, que permite realizar interacciones enlazadas entre los usuarios, los lugares y sus compañeros. De esta forma, conseguimos que se cree una red de experiencias que se relacionan gracias al etiquetado, feedback y a la geolocalización de las variables.

¿Cómo mejoramos su experiencia de uso? La investigación nos ha llevado a identificar 4 aspectos semánticos que confluyen en la práctica del Parkour.

Clasificación en torno al cual gira nuestra web:

fUsuarios fLugares fEventos fTécnica (movimientos)

Apostamos por una interfaz funcional, clara y llamativa, basada en el usuario y sus gustos y hábitos. Esta centrada en la práctica, no en la explicación del deporte, con contenidos generados por la propia comunidad.

DEFINICIÓNdel proyecto

Parkour BCN

Page 13: Parkour BCN

13

OBJETIVOS

Parkour BCN es una plataforma social de escritorio, responsive, que se adapta a diferentes dispositivos móviles y que está dedicada a todo lo relacionado con la práctica del Parkour en Barcelona. A continuación recogemos los objetivos del proyecto.

proyectodel

90º

90º

Page 14: Parkour BCN

14

Proveer de las herramientas para buscar y encontrar personas, lugares y eventos para practicar Parkour.

Geolocalizar en un mapa los lugares donde se puede practicar el deporte.

Conectar su actividad de Parkour BCN con las redes sociales que utilice.

objetivosFacilitar el uso de la plataforma a través de cualquier dispositivo.

Permitir ver las publicaciones del usuario y su propia actividad en un perfil privado.

Compartir las actividades con otros usuarios.

Facilitar un sistema de mensajería y notificaciones .

Compartir imágenes y videos a través de Facebook y Youtube.

Facilitar el uso de la plataforma a través de cualquier dispositivo.

del proyecto

UNO CUATRO SIETE

DOS CINCO OCHO

TRES SEIS NUEVE

Parkour BCN

Page 15: Parkour BCN

15

Ser la mejor plataforma para la práctica de Parkour en Barcelona por su calidad, funcionalidades, diseño e implicación de los usuarios.

Atraer y reunir a los practicantes de Parkour en Barcelona bajo un techo único y de calidad (que se sientan orgullosos de una web que consideren suya).dispositivo.

Establecerse como un referente web en este deporte y darse a conocer como una plataforma que propone una respuesta desinteresada a una necesidad.

Llamar la atención de posibles patrocinadores y anunciantes para conseguir reconocimiento y apoyo en la creación de eventos.

objetivosde la empresa

UNO TRES

DOS CUATRO

Parkour BCN

Page 16: Parkour BCN

ESTRATEGIA

Una buena estrategia centrada en el usuario, nos ayudará a obtener resultados positivos, garantizando una buena experiencia y haciendo que todo el proyecto esté fundamentado en unos principios únicos.

proyectodel

120º

Page 17: Parkour BCN

17

Parkour BCN es una plataforma social donde los practicantes de Parkour de

Barcelona y alrededores pueden encontrar todo lo

necesario para practicar el deporte.

En un sitio web que permita registrar sus actividades

diarias, gustos y experiencias en el medio online.

A través de sistemas de búsqueda de usuarios,

lugares y eventos, en una interfaz muy visual pensada

en la presentación de la información.

También podrán

ESTRATEGIAcomunicarse entre ellos,

obtener información sobre movimientos, compartir

información, invitar a amigos y otras acciones propias de

una red social.

Para que el usuario pueda encontrar todo lo necesario

para practicar el deporte de forma clara y accesible,

promoviendo el crecimiento de la comunidad de Parkour

en Barcelona.

Nuestro principal target son los practicantes de Parkour de Barcelona y

alrededores, traceurs que

van a estar temporalmente por Barcelona o se acaban de mudar y que buscan personas

y lugares; y practicantes potenciales que quieren

iniciarse en el deporte y no tienen contactos.

Porque no existe una plataforma que reúna a

los usuarios que practican Parkour en Barcelona y dé

respuesta a la necesidad de encontrar traceurs, lugares y eventos. Queremos reunir a todos los traceurs bajo un

mismo techo y que responda todas sus necesidades.

qUé ES

del proyecto

CómO ES

pARA qUé ES

pARA qUIéN ES

pOR qUé

Parkour BCN

Page 18: Parkour BCN

PLANIFICACIÓN

A continuación mostramos las herramientas usadas para planificar el proyecto, definir duración, asignar tareas y dependencia entre tareas. Las dos herramientas utilizadas son el diagrama de Gantt y la aplicación on-line Producteev.

proyectodel

25º

Page 19: Parkour BCN

19

Es una herramienta gráfica de planificación que muestra el tiempo de dedicación previsto para las tareas del proyecto, que permite ver el origen y el final de las diferentes tareas y bloques de trabajo.

Una buena planificación es clave para organizarnos y dividir tareas entre los miembros del equipo, hacer un seguimiento y control de la evolución de cada bloque, haciendo que cada tarea se haga de la forma más eficiente posible.

DIAGRAMAde Gantt

Parkour BCN

Page 20: Parkour BCN

20

OCTUBRE NOVIEMBRE 15 22 29 5 12 19 26

Tema

Briefing

encuesTas

Personificación

enTrevisTas

Benchmark

Áreas de inTerés

ProPuesTa de valor

definición servicios

modelo de negocio

maPa concePTuales

maPa conTenidos

arquiTecTura información

maPa navegación

Wireframes

diseño de flujos

necesidad info

guías de esTilo

diseño del logoTiPo

diseño secciones

iconografía y esTados

maqueTación

INICIO

INvestIGACIóN

DeFINICIóNestRAtÉGICA

CONCePtUALIZACIóN

23 OCT

19 NOV

20 NOV

24 NOV

27 NOV

1 DIC

8 OCT

12 OCT

15 OCT

4 DIC

17 NOV

20 NOV

22 NOV

2 DIC

5 DIC

15 DIC

19 DIC

10 DIC

7 ENE

20 ENE

28 ENE

7 ENE

DIAGRAMAde Gantt

Parkour BCN

Page 21: Parkour BCN

21

CONCePtUALIZACIóN

DICIEMBRE ENERO FEBRERO3 10 17 24 31 7 14 21 28 4 11 18 25

DIseÑO De INteRACCIóN

DIseÑO vIsUAL

mAqUetACIóN

memORIA

Parkour BCN

Page 22: Parkour BCN

22

Producteev es una aplicación multi-plataforma de gestión de tareas de equipo que nos ha permitido:

fCrear tareas fMarcar un deadline fAsignarlas fHacer comentarios fMarcar la prioridad fAsignarles una categoría

De esta forma, cada miembro del equipo podía llevar a cabo un seguimiento detallado de todas las tareas del proyecto o sólo de las suyas y filtrarlas por fecha de deadline, relevancia, estado, categoría, etc.

producteev

ventana principal de la aplicación de escritorio y detalle de la visualización de una tarea.

gestor de proyectos

Parkour BCN

Page 23: Parkour BCN

23

INVESTIGACIÓNdel sector

Page 24: Parkour BCN

investigación

Recabar toda la información relativa al entorno, los usuarios y sus pautas de comportamientos y necesarias para tener una base sobre la que costruir el proyecto.

sectordel

Page 25: Parkour BCN

25

Recopilación de toda la información necesaria para definir el proyecto de forma sintetizada y concentrada. Esto nos permitirá definir la estrategia a seguir, el carácter de la web, la conceptualización del diseño y tener una visión del entorno del proyecto y todos los factores que influyen en este.

BRIEFINGdel proyecto

Investigaci’on del sector

Page 26: Parkour BCN

26

1. Definición

2. Servicios que ofrece la plataforma

3. Principal objetivo de la empresa?

4. Principal objetivo del proyecto

Parkour BCN es una plataforma social de escritorio, responsive, que se adapta a diferentes dispositivos móviles y que está dedicada a todo lo relacionado con la práctica del Parkour en Barcelona.

fBuscar lugares para practicar Parkour. fBuscar a otros traceurs por zonas. fBuscar y publicar eventos públicos y privados. fEnviar mensajes a otros traceurs. fRecibir notificaciones de actividad, contenidos y amigos. fGeolocalizar lugares a dónde el usuario practica Parkour. fAprender movimientos, calentamientos y estiramientos. fCompartir multimedia, fotos y videos. fRegistrar las experiencias del usuario, sus gustos y

recomendaciones al momento de practicar Parkour.

Ser la mejor plataforma para la práctica de Parkour en Barcelona por su calidad, funcionalidades, diseño e implicación de los usuarios y establecerse como un referente web en este deporte.

Proveer de las herramientas para buscar y encontrar personas, lugares y eventos para practicar Parkour.

ASpECTOS GENERALES

Investigaci’on del sector

Page 27: Parkour BCN

27

1. Principal competidor

2. Valor diferenciador de Parkour BCN en

comparación con la competencia

3. Fortalezas y debilidades de la competencia

4. Fortalezas y debilidades de Parkour BCN

pk Catalunya pkCatalunya.creatuforo.com/

Conseguimos reunir en un único espacio todas las funcionalidades que los usuarios relacionan con la práctica de Parkour. Como elemento adicional, el diseño elegante y el cuidado en los detalles hace de éste una web de calidad de la que sus usuarios estén orgullosos.

Fortalezas fGran número de usuarios fAños de experiencia fCreadas por los usuarios

Debilidades fPlataformas precarias y anticuadas (foro, webs amateurs) fCarencia de interfaces atractivas fCarencia de una buena organización fCarencia de funcionalidades eficientes

Fortalezas f Interfaz atractiva fReúne todas las soluciones para practicar Parkour fGancho para la creación de eventos a gran escala fLo suficientemente novedosa como para atraer a los

usuarios ya fidelizados a otras plataformas similares

COmpETENCIA

Investigaci’on del sector

Page 28: Parkour BCN

28

Debilidades fPartimos desde cero fDesconfianza por parte de los usuarios

Sí, el objetivo es aliarnos con nuestra competencia directa para canalizar el flujo de usuarios hacia nuestra web. Como estos sites están llevados a cabo por usuarios y que somos un competidor muy fuerte para ellos. Nuestra intención no es quitarle popularidad a otras páginas, sólo planteamos de forma desinteresada una buena propuesta para la comunidad. Queremos que la competencia (que al fin y al cabo son practicantes de parkour) vean Parkour BCN como su web. Ellos harán posible el proyecto y ellos son quienes generarán la información del contenido.

World Freerunning Parkour Federation wfpf.com

fEdad | 14-20 años fSexo | principalmente hombres fClase Social | media fSustento económico | padres (familia) fHabitantes en | zona urbana (Barcelona y alrededores)

5. ¿La competencia podría ser un aliado estratégico?

6. Empresas referentes

1. Perfil demográfico

CLIENTES

Investigaci’on del sector

Page 29: Parkour BCN

29

2. Estilo de vida

3. Valores

4. ¿Son los clientes lo primero?

f Interés por las reuniones sociales con los amigos en la calle fDispuesto a probar cosas nuevas y diferentes fMotivado por los retos y la búsqueda de emociones y

adrenalina fEstudiantes fFísicamente activo o con interés por mejorar su forma física f Interés por los deportes urbanos fConectados a su comunidad mediante la televisión e

internet fAcostumbrados a moverse por las zonas urbanas fCon un poder adquisitivo que les permite tener acceso a

dispositivos móviles de primera línea, con conexión a Internet fPerfil digital que mantienen conversaciones con sus

contactos a través de estos medios y complementan su vida real con la digital

fEstos usuarios frecuentan diferentes redes sociales fUsan aplicaciones que les entregan soluciones en el día a día

Constancia, superación, respeto, valentía, tolerancia, filosofía de vida, sociabilidad.

Si, la plataforma se centra en los usuarios. Ponemos a su disposición un servicio que necesitan, hecho a su medida, según sus necesidades y gustos. Ellos son el foco que genera el contenido y da vida a la plataforma. Sin usuarios no existiría Parkour BCN.

Investigaci’on del sector

Page 30: Parkour BCN

30

fFacebook: Integración de funcionalidades, etiquetado de amigos, publicación de fotografías.

fTwitter: Integración de tweets de experiencias. fFoursquare: Publicación de check-ins. fFlickr: Integración de fotografías de un álbum. fYoutube: Integración de vídeos. fGoogle Maps: Integración de mapas. fMarcas: Publicidad fUsuarios referentes del deporte: Generación del contenido

y difusión del site fCompetidores Aliados: difusión del site fCompetidores: Difusión del site (directorio de Parkour en

otras ciudades/paises) fPatrocinadores: Eventos

Sí, ya que nos proveen de funcionalidades que pueden ser integradas en nuestra plataforma, evitando su desarrollo y que ya poseen una comunidad de usuarios que puede migrar a nuestra aplicación. Además hay proveedores que nos aportan el contenido y la difusión (usuarios), estos tres son los pilares básicos para que el site funcione.

En el caso de la publicidad y patrocinadores, puede que al principio sea más complicado, pero confiamos en el potencial de la web, en los usuarios y contenido inicial. A las marcas les aporta reconocimiento, imagen de marca e ingresos.

1. Posibles proveedores

2. ¿Son imprescindibleslos proveedores?

3. ¿Somos un cliente atractivo para los

proveedores?

pROVEEDORES

Investigaci’on del sector

Page 31: Parkour BCN

31

1. Aspiraciones

2. Tres acciones que nos gustaría que hiciera

el usuario

3. Mensaje con el que nos gustaría que se

quedara el usuario

A los prescriptores les ayudamos a mejorar su imagen y formar parte del proceso y del site.Y a las comunidades de las que tomamos algunas funcionalidades, nuestro negocio les supone usuarios y actividad, que es lo que buscan.

Conseguir que Parkour BCN sea un referente entre las demás comunidades de Parkour (a nivel nacional e internacional), destacar la resolución de las necesidades, las funcionalidades y su imagen.

fCrear una ruta fBuscar amigos y agregarlos fCrear un evento

Es una web para él, y queremos que desee crear contenido.

pROYECTO

Investigaci’on del sector

Page 32: Parkour BCN

32

Consiste en tomar

como comparadores

a aquellos productos, servicios

y procesos de trabajo que

pertenezcan a organizaciones

que evidencien las mejores

prácticas sobre el

área de interés

BENCHMARKA la hora de estudiar a los competidores, se determinan los puntos fuertes y débiles de los mismos en base a un análisis de factores concretos.Las herramientas utilizadas nos ayudan a saber más sobre las estadísticas web de la competencia. Así obtendremos datos estimativos sobre visitantes únicos, páginas vistas, tiempo medio de permanencia en el sitio web, etc.

Para llevar a cabo el análisis comparativo, hemos definido las categorías:

fDominio (datos, posicionamiento, y tipo de plataforma)

f Interfaz (diseño) fContenido y navegación

Hemos evaluado los resultados de Google para el keyword Parkour y también los sites que recoge DMOZ para nuestra categoría y hemos marcado en azul los aspectos positivos de cada campo y en naranja los negativos.

“”

de la competencia

Investigaci’on del sector

Page 33: Parkour BCN

33

UM PARKOUR

Dominio fumParkour.com fNombre Urban Monkeys

Parkour fMensaje primario y

secundario: Urban Monkeys Parkour, l’art du deplacement

fNo tiene descripción fTipo de plataforma: web

interfaz

fVerde y negro fAnticuada y básica

ConteniDo y navegaCión

fMenú amplio fDemasiada información fNo tiene contenido

“propio” fForo

Investigaci’on del sector

Page 34: Parkour BCN

34

AMERICAN PARKOURDominio

famericanParkour.com fNombre American Parkour fTipo de plataforma: web fDescripción: American

Parkour is the #1 source in the world for Parkour and Freerunning information.

fKeywords: extreme free running, free running

fMuy bien posicionada

interfaz fAzul y blanco fSimple y cuidada fLogotipo propio fBuen uso de las imágenes

ConteniDo y navegaCión

fMenú muy amplio muy bien organizado

fContenido propio fActualizado fCentrado en la práctica,

escuelas, ropa y búsqueda de compañeros.

Investigaci’on del sector

Page 35: Parkour BCN

35

PK GENERATIONDominio

fParkourgenerations.com fNombre: Parkour

Generations, Parkour Training, Resources and community

fTipo de plataforma: web fDescripción: Parkour

Generations is dedicated to teaching and displaying the discipline of Parkour, the art of movement.

interfaz

fNegro y rojo fSimple y clásico f Importancia de imágenes fLogotipo propio

ConteniDo y navegaCión

fMenú amplio y organizado fContenido propio fActualizado fCentrado en el grupo,

clases, contratación, etc.

Investigaci’on del sector

Page 36: Parkour BCN

36

PARKOUR VIENNADominio

fParkour-vienna.at/ fNombre: Parkour Vienna fTipo de plataforma: web fDescripción: Comunidad,

información y consultas profesionales sobre el arte del movimiento. Parkour y Freerunning en Austria / Viena.

interfaz fGris y blanco fSimple fLogotipo propio

ConteniDo y navegaCión

fMenú amplio y organizado fBuenas categorías fSección de “miembros”

privada con mapa fGalería de imágenes muy

visual fTienda fContenido propio y

actualizado

Investigaci’on del sector

Page 37: Parkour BCN

37

PARKOUR URUGUAyDominio

fParkour.com.uy/ fNombre: Parkour Uruguay, fTipo de plataforma: web

interfaz

fAzul y blanco fCuidado y limpio fUn poco genérico fLogotipo propio fBuen uso de las imágenes y

dinamismo

ConteniDo y navegaCión

fBuena integración de las redes sociales

fMenú amplio fClases y calendario fMenú y servicios muy

limitados fPoca información propia fParece más la web de un

gimnasio que da clases de Parkour

Investigaci’on del sector

Page 38: Parkour BCN

38

PARKOUR ROSARIO

Dominio

fParkourrosario.com.ar/ fNombre: MMSB fTipo de plataforma: web fDescripción: Página

dedicada a la difusión del Parkour & Free Running

interfaz

fNegro fCuidado fLogotipo propio fBuen uso de las imágenes

ConteniDo y navegaCión

fMenú y servicios muy limitados

fForo fPoca información

Investigaci’on del sector Investigaci’on del sector

Page 39: Parkour BCN

39

AUSTRALIAN PARKOUR

Dominio

fParkour.asn.au/ fAustralian Parkour

Association fTipo de plataforma: web

interfaz

fAzul y verde f Impersonal y demasiado

robusta fLogotipo propio

ConteniDo y navegaCión

fPredomina el texto fEnfocado a las clases fForos fTienda fPoco contenido propio

Investigaci’on del sector Investigaci’on del sector

Page 40: Parkour BCN

40

WFPFDominio

wfpf.com/ fNombre: World

Freerunning Parkour Federation, Know obstacles, know freedom

fTipo de plataforma: web fDescripción: The source

of Parkour information for the San Francisco Bay Area traceur community.

interfaz

fAzul y negro fCuidada y moderna fLogotipo propio

ConteniDo y navegaCión

fDemasiados bloques de información, falta organizarla

fMapa localización de usuarios a nivel mundial

fTrata todo los servicios necesarios para la práctica de Parkour

fParece un organismo oficial

Investigaci’on del sector

Page 41: Parkour BCN

41

TRACERSDominio

f tracers.ru/ fNombre: tracers fTipo de plataforma: web

responsive fDescripción: Parkour portal

ruso. Noticias, artículos, foro. Fotos, materiales de video y audio. Parkour School en Moscú.

interfaz

fMuy cuidada moderna fLogotipo propio fBuen uso e importancia de

las imágenes y dinamismo

ConteniDo y navegaCión

fMenú simple fTienda fMapa mundial fFilosofía fConcepto original fParece el diario de un

grupo

Investigaci’on del sector

Page 42: Parkour BCN

42

CONCLUSIONESA nivel nacional , ni a nivel local, existe una web y que ofrezca todos los recursos que Parkour BCN ofrece.

Las opciones que los usuarios consiguen en el mundo online son, en su mayoría, foros mal monitoreados, grupos de Facebook donde se hacen preguntas, pero no se reciben respuestas.

También existen páginas extranjeras que no se adaptan a sus necesidades en cuanto a locación o idioma. A nivel internacional, son pocas las que destacan. WFPF es el ejemplo a seguir, pero hay muchas cosas a mejorar, diseño, simplificación, destacar la comunicación.

Por lo demás, la mayoría de webs que hemos encontrado son de gimnasios que dan clases de Parkour, grupos de traceurs que se dedican a hacer actuaciones y promocionarse, y las pocas comunidades de ciudades que hemos encontrado tienen muchas carencias (diseño, posicionamiento, alcance, contenido, etc.).

Por lo que nuestra propuesta es claramente diferenciadora y necesaria. Además cuenta con un diseño fresco, llamativo y capaz de visualizarse de manera adecuada en cualquier dispositivo móvil.

Que no existan webs de

calidad no significa que no haya un volumen suficiente de público para nuestro proyecto. Significa entonces que no existe una plataforma a la cual acudir, por lo que los usuarios se organizan por medio de otras redes, principalmente las sociales (foros, perfiles de Facebook, etc.).

Al haber un volumen elevado de participantes, se puede decir que hay un mercado potencial para este proyecto, pues no existe nada que se asemeje a nuestra idea y que se centre en resolver de forma sencilla y atractiva las necesidades que surgen de la práctica del Parkour.

Investigaci’on del sector

Page 43: Parkour BCN

43

PERSONASy escenarios

Investigaci’on del sector

Page 44: Parkour BCN

44

f20 años fBarcelona fEstudiante en prácticas f6 años practicando Parkour fEntrena cada día fTiene varios grupos y los va

alternando

Le gusta practicar deportes extremos y pasar el tiempo con sus amigos. Trabaja y estudia, por lo que le dedica al Parkour mucho menos tiempo del que le gustaría.

Es un usuario muy activo en redes sociales. Tiene cuenta de Facebook, Twitter, YouTube e Instagram y está a la última en cuanto a tendencias y APPs. Tiene smartphone, portátil y ordenador.

No se considera ni un experto ni un referente en el deporte, pero lo es. Está muy vinculado al Parkour en Barcelona. Modera un foro de parkour y organiza reuniones de traceurs en toda Catalunya.

Aral descubre Parkour BCN a través de los creadores de la web antes de que ésta salga al público: después de informarle sobre el interés que tenemos en llevar a cabo, un proyecto que resuelva las limitaciones de la comunidad de Parkour en la ciudad, Aral considera que es una buena idea y decide ayudarnos.

Considera que es una idea muy potente, muy atractiva y que va más allá de lo que existe. El foro tiene muchas limitaciones y una web de estas características es una opción perfecta para su causa.

PERSONA ESCENARIO

ARAL ROCA

PA R KO U R B C N

Investigaci’on del sector

Page 45: Parkour BCN

45

f18 años fNivel medio. fAño y medio practicando. fPracticaba frecuentemente

en Madrid con su grupo de amigos.

Jorge se ha mudado a Barcelona para estudiar Medicina. Le gusta estar sano y en forma y considera que el Parkour es una forma barata, muy práctica y útil de hacer ejercicio. En Madrid practicaba Parkour casi cada día y tenía un amplio grupo de amigos. Aquí no conoce a nadie para practicar y además tampoco sabe a dónde ir para entrenar, porque no conoce la ciudad.

Tiene smartphone, portátil y es usuario de Twitter, Facebook, Instagram y YouTube.

Googleando “Parkour Barcelona” ha encontrado la web, le ha llamado mucho la atención y el buscador de eventos, traceurs y lugares, le resuelve todas sus necesidades.

Se ha registrado para poder añadir también como amigos a traceurs de su zona y les ha enviado un mensaje para presentarse e informarse un poco más sobre el “movimiento Parkour” en la ciudad. Así puede hacer amigos en la ciudad, no sólo para practicar Parkour.

PERSONA ESCENARIO

JORGE SANCHEZ

PA R KO U R B C N

Investigaci’on del sector

Page 46: Parkour BCN

46

f14 años fBadalona fEstudiante f2 meses practicando fPractica 2 veces a la

semana a la salida de clases y los fines de semana, con un amigo.

Está en 6º de primaria, entre semana pasa las tardes en el parque con sus amigos, montando en bici y skate y los fines de semana hace salidas con su grupo de splai. Ha empezado a alternar sus tardes de skate y bici con el Parkour.

Empezó probando cosas por su cuenta con otro amigo y poco a poco van aprendiendo movimientos en YouTube y luego los practican hasta que les salen. Es usuario de Facebook y YouTube y tiene smartphone y ordenador.

Guillem ha descubierto la web a través de un foro. Se registró en él para resolver algunas dudas sobre movimientos de Parkour y le ha llegado un mensaje de los moderadores sobre la existencia de la web Parkour BCN, un nuevo proyecto en el que el foro colabora. Ha entrado en la web, le ha gustado el contenido y ha descubierto un montón de movimientos con trucos y explicaciones muy detalladas. Aún no se ha registrado pero lo tiene en mente porque le parece muy buena idea para encontrar traceurs de su edad en Barcelona.

PERSONA ESCENARIO

GUILLEM PLA

PA R KO U R B C N

Investigaci’on del sector

Page 47: Parkour BCN

47

Para centrar nuestro proyecto, llevamos a cabo una encuesta entre practicantes de Parkour de Barcelona. El objetivo era recabar toda la información sobre prácticas, necesidades, propuestas, pautas de comportamiento, etc. sobre la que sustentar el proyecto. Y así poder definir la web.

ENCUESTALllevamos a cabo una encuesta formulario mediante Google Docs a practicantes de Parkour de Barcelona. Nos pusimos en contacto con el cplectivo a través del foro pkCatalunya.

Planteamos preguntas claras que nos ayudaran a conocer al target, sus necesidades y todo

lo relacionado con la práctica del parkour y su relación con las nuevas tecnologías y el medio onñine.

Obtuvimos un total de 40 respuestas, las cuales nos encargamos de volcar, analizar para extraer los datos y conclusiones que mostramos a continuación.

a los usuarios

Investigaci’on del sector

Page 48: Parkour BCN

48

EDAD MEDIA

17 AÑOSAÑOS DE EXPERIENCIA

1 2 3 4 5 6

NIVEL

TIEMPO DE DEDICACIÓNGRUPO DE AMIGOS

Experto

8%

Principiante

23%

Medio

69%

3h día

31%

fin de semana

28%cuando puedo

12%

2h día

10%

4h día

11%

1h día

7%grupo propio

39%

entreno solo

36%

con otro amigo

15%

voy variando

10%

Investigaci’on del sector

Page 49: Parkour BCN

49

ENCONTRAR GENTE TE GUSTARÍA RETAR A OTROS TRACEURS

no sí 5%

95%Youtube

Internet

Instituto

Gente practicando

Amigos de amigos

Facebook

Facebook

Móvil

COMUNICACIÓN ENTRE TRACEURS

Creatividad

Gente experta

Youtube

Amigos

Webs

Práctica

Facebook

Variaciones movimientos básicos

CÓO TE INFORMAS SOBRE NUEVOS MOVIMIENTOS DE PARKOUR?

Investigaci’on del sector

Page 50: Parkour BCN

50

CÓMO ESTABLECES UNA RUTINA DE ENTRENAMIENTO

TE INTERESARÍA TENER UN ESPACIO ONLINE DEDICADO A HACER SEGUIMIENTO DE TUS HABILIDADES Y PROGRESOS?

sí no80%

20%

CRITERIOS A LA HORA DE ELEGIR UN LUGAR PARA PRACTICAR?

Repeticiones

No

Webs

Calentar bien

Amigos

Depende de lo que apetezca

Varios obstáculos

Me adapto

Tranquilo

Obstácuos sin desgaste

Depende de lo que quiera

Otros traceurs

Cercanía

CONOCES ALGÚN EVENTO QUE SE HAGA A NIVEL LOCAL? RECUERDAS ALGÚN PATROCINADOR?

noInvestigaci’on del sector

Page 51: Parkour BCN

51

TE INTERESARÍA TENER UN ESPACIO ONLINE DEDICA-DO A HACER SEGUIMIENTO DE TUS HABILIDADES Y PROGRESOS?

sí no80%

20%

TE GUSTARÍA RETAR A OTROS TRACEURS

5%

95%

TE GUSTARÍA QUE LA WEB TUVIERA UN MAPA DONDE PLANEAR TUS FUTURAS RUTAS O DONDE SE REGISTREN LAS QUE YA HAS HECHO?

Sí95%

No5%

TE GUSTARÍA QUE LA WEB CONTENGA UNA GUÍA FÍSICA DE CALENTAMIENTO Y ESTIRAMIENTOS

Sí95%

No5%

Investigaci’on del sector

Page 52: Parkour BCN

52

DE QUÉ DISPOSITIVOS DISPONEN

LLEVAS MÓVIL CUANDO PRACTICAS PARKOUR?

39usuarios

5 usuarios

20 usuarios

23 usuarios

77%No23%

DE QUÉ REDES SOCIALES ERES USUARIO?

8 39 12180

COMPARTES INFO EN REDES SOCIALES CUANDO PRACTICAS PARKOUR?

sí no62%

38%

Investigaci’on del sector

Page 53: Parkour BCN

53

ESCUCHAS MÚSICA CUANDO PRACTICAS PARKOUR?

74%No26%

COMPARTES INFO EN REDES SOCIALES CUANDO PRACTICAS PARKOUR?

sí no62%

38%

QUÉ HERRAMIENTAS UTILIZAS PARA SUBIR CONTENIDOS?

3 usuarios1 usuario 35 usuarios2 usuarios

PERTENECES A ALGÚN GRUPO DE FACEBOOK SOBRE PARKOUR?

100%

Acrobacias

Videos

Fotografías

Lugares

Otros

Rutas

QUÉ TIPO DE INFORMACIÓN SUELES COMPARTIR EN REDES SOCIALES?

Investigaci’on del sector

Page 54: Parkour BCN

54

fRed social f Importancia img y videos f Interconexión fluida entre

redes sociales fAtractivo y limpio fCuidado físico y médico fCalentamiento fEntrevistas, consejos gente

que lleve tiempo practicando fLugares fTips para mejorar fDisminuir la crítica social fMovimientos fPreguntas, consejos

(respuestas de otros usuarios) fCompartir fotos y

experiencias fActualizar perfil-progresos fOpiniones tácticas fRutinas aconsejadas fNada de retos

fMarcar obstáculos en el mapa

fFilosofía, valores fAlimentación fLocalizar usuarios fResto del mundo fRopa fModeración f Implicación fSaber dónde hay gente fPractican parkour tranquilo fProceso: interés> práctica>

búsqueda grupos> la comunidad te ayuda a mejorar

fArte fDurante la semana:

entreno físico y técnico. Fines de semana: práctica grupal

fMenos horas al día de las deseadas (a más edad, menos tiempo)

fMotivación: superarte, perder miedos, sentirte bien

fEl límite lo pones tú fMotivación aprender:

amigos que practican, llamativo, filosofía, barato

fBuscar un grupo propio: buen ambiente y disfrutar

fGrupos: urbantrail, parkour tarragona, movimiento libre, elimit, born to trace

fFuncionalidad, no son acróbatas, una nueva forma de andar

fLugares tranquilos para evitar problemas y no molestar

fRespetuosos fLas autoridades fNo competir fFomentar “parkour parks”

INSIGHTSdel cuestionario

Investigaci’on del sector

Page 55: Parkour BCN

55

keywords

tenemos que elegir palabras que generen tráfico, que estén poco competidas y que logren convertir en ventas. el objetivo de esta sección es recabar las keywords más usadas por el target para que nuestra web se adecue a los procesos de búsqueda de los usuarios.

TENDENCIASy

Page 56: Parkour BCN

56

Cada individuo usa palabras clave distintas en los motores de búsqueda para explorar un mismo nicho y es difícil encontrar cuáles son las palabras clave más valiosas en las que posicionarse para llegar a los usuarios.

De manera de que el éxito de Parkour BCN depende en gran medida de las palabras clave que elijamos. El proceso para construir la web y los contenidos es el siguiente:

fExtraer keywords y conceptos de los cuestionarios realizados.

fConstruir las secciones de la web en función de las necesidades extraídas de los cuestionarios.

fHacer un análisis de las

METODOLOGÍAtendencias de búsqueda de esas keywords.

fConstruir el contenido y los nombres concretos de las secciones en función de las conclusiones extraídas.

fEn base a nuestro keyword principal (Parkour Barcelona), identificar las keywords de la competencia que aparece en el ranking de los primeros lugares de Google.

Este proceso nos permitirá:

fConstruir las secciones de la web en función de las necesidades extraídas de los cuestionarios.

fConstruir el contenido y los nombres concretos de las secciones en función de las conclusiones extraídas.

fMejorar el posicionamiento en los motores de búsqueda, ya que si configuramos Parkour BCN en función de los términos de búsqueda que los usuarios utilizan para encontrar respuesta, los servicios que ofrecemos tendrán más posibilidades de ser una respuesta a una búsqueda.

fGoogle trends, nos sugiere las palabras relacionadas con las búsquedas, por lo que podemos tener una idea más amplia de conceptos que no habíamos considerado.

fAdemás, si en un futuro realizamos campañas Google Adwords, podemos utilizar los resultados extraídos de este estudio (configurar las palabras clave).

de análisis

Investigaci’on del sector

Page 57: Parkour BCN

57

Parkour

Traceurs

rT

enTrenar

keywordscalenTar

exPeriencia

amigos

emPezar

YouTube

comPañeros

gruPo

aPrender

del cuestionario

Investigaci’on del sector

Page 58: Parkour BCN

58

Hemos comparado las tendencias de búsqueda es España para las principales keywords y sus combinaciones: Parkour, aprender Parkour, videos Parkour, YouTube Parkour, movimientos Parkour. De todas las keywords y

tendenciasde búsqueda

pensando en los servicios de nuestra web, las tendencias de búsqueda que más destacan son en primer lugar (de forma muy destacada) Parkour, después YouTube Parkour, movimientos Parkour, aprender Parkour y Parkour Barcelona.

Investigaci’on del sector

Page 59: Parkour BCN

59

En base a nuestro keyword principal (Parkour Barcelona), identificar las keywords de la competencia que aparece en el ranking de los primeros lugares de Google.

La única web de los resultados que corresponde a una comunidad, es el foro PK Catalunya. También hay un grupo de Facebook pero tiene muy pocas visitas. Los demás resultados son preguntas de

usuarios en distintas webs sobre la práctica de Parkour en Barcelona.

Tampoco tienen descripciones de página, de manera que la mayoría de veces se muestra la sección de la página en la que se encuentran los términos. Todas utilizan la palabra Parkour, y otros keywords que aparecen son: practicar y lugares.

Como búsquedas relacionadas, google nos propone:

fAprender Parkour Barcelona

fParkour Barcelona gimnasio

fParkour Barcelona clases fForo Parkour Barcelona fParkour traceurs fPK Catalunya

keywordsde la competencia

Investigaci’on del sector

Page 60: Parkour BCN

CONSTRUCCIÓNdel site

la

Page 61: Parkour BCN

61

negociomodeloA continuación describimos el modo en que generamos ingresos y beneficios de la empresa y la forma que se conecta con todos los actores del proyecto, para poder definir el modelo desde una forma más creativa y tener en cuenta todos los factores.

de

Page 62: Parkour BCN

62

PROPUESTA DE VALOR

ESTRUCTURA DE COSTES

FLUJO DE INGRESOS

Punto de encuentropara practicantes yfuturos practicantesde Parkour

Facilitamos labúsqueda y encuentrode:

Lugares

Eventos

Compañeros

Tips

Público 1:principiantes

Guía de inicio

Posibilidad de encontrar gente

Conocer el deporte

Público 2:practicantes activos

Encontrar lugares

Encontrar gente

Ayudar a principiantes

Publicidad: que aporteuna solución al públicoobjetivo

Patrocinadores:eventos, Pakour parks, (marcas,ayuntamiento, locales, etc.)

Físicos Oficina Servidor Dominio

Económicos Capital incial Inversionista

Humanos Diseñadores Maquetadores Programadores

Ordenadores Constitución de la empresa Marca registrada

ALIADOS

Usuarios

UM Parkour +Grupos de facebook

Facebook, Twitter,YouTube, Flickr,GoogleMaps

RELACIÓN CONEL CLIENTE

Intermediario:Les facilitamosinformacióndesinteresadamente

Público 2:Practicantes activos

Público 3: Anunciantes

Público 4:Webs aliadas

Público 5:Referentes

SEGMENTOS DE CLIENTE

Público 1:Principiantes

ACTIVIDADES CLAVECreación de contenidos(Lugares, perfiles, eventos)

Subida multmedia

Check-in

Tips

Consejos médicos, dietas,rutina de entranamiento

Venta de espaciospublicitarios

RECURSOS CLAVE

Internet:

Web

Móvil

CANALESUsuarios

Hosting y dominio

Gestores y administradoresdel sitio web

Publicidad y patrocinadores

Construcción del sitio

Page 63: Parkour BCN

63

PROPUESTA DE VALOR

ESTRUCTURA DE COSTES

FLUJO DE INGRESOS

Punto de encuentropara practicantes yfuturos practicantesde Parkour

Facilitamos labúsqueda y encuentrode:

Lugares

Eventos

Compañeros

Tips

Público 1:principiantes

Guía de inicio

Posibilidad de encontrar gente

Conocer el deporte

Público 2:practicantes activos

Encontrar lugares

Encontrar gente

Ayudar a principiantes

Publicidad: que aporteuna solución al públicoobjetivo

Patrocinadores:eventos, Pakour parks, (marcas,ayuntamiento, locales, etc.)

Físicos Oficina Servidor Dominio

Económicos Capital incial Inversionista

Humanos Diseñadores Maquetadores Programadores

Ordenadores Constitución de la empresa Marca registrada

ALIADOS

Usuarios

UM Parkour +Grupos de facebook

Facebook, Twitter,YouTube, Flickr,GoogleMaps

RELACIÓN CONEL CLIENTE

Intermediario:Les facilitamosinformacióndesinteresadamente

Público 2:Practicantes activos

Público 3: Anunciantes

Público 4:Webs aliadas

Público 5:Referentes

SEGMENTOS DE CLIENTE

Público 1:Principiantes

ACTIVIDADES CLAVECreación de contenidos(Lugares, perfiles, eventos)

Subida multmedia

Check-in

Tips

Consejos médicos, dietas,rutina de entranamiento

Venta de espaciospublicitarios

RECURSOS CLAVE

Internet:

Web

Móvil

CANALESUsuarios

Hosting y dominio

Gestores y administradoresdel sitio web

Publicidad y patrocinadores

PROPUESTA DE VALOR

ESTRUCTURA DE COSTES

FLUJO DE INGRESOS

Punto de encuentropara practicantes yfuturos practicantesde Parkour

Facilitamos labúsqueda y encuentrode:

Lugares

Eventos

Compañeros

Tips

Público 1:principiantes

Guía de inicio

Posibilidad de encontrar gente

Conocer el deporte

Público 2:practicantes activos

Encontrar lugares

Encontrar gente

Ayudar a principiantes

Publicidad: que aporteuna solución al públicoobjetivo

Patrocinadores:eventos, Pakour parks, (marcas,ayuntamiento, locales, etc.)

Físicos Oficina Servidor Dominio

Económicos Capital incial Inversionista

Humanos Diseñadores Maquetadores Programadores

Ordenadores Constitución de la empresa Marca registrada

ALIADOS

Usuarios

UM Parkour +Grupos de facebook

Facebook, Twitter,YouTube, Flickr,GoogleMaps

RELACIÓN CONEL CLIENTE

Intermediario:Les facilitamosinformacióndesinteresadamente

Público 2:Practicantes activos

Público 3: Anunciantes

Público 4:Webs aliadas

Público 5:Referentes

SEGMENTOS DE CLIENTE

Público 1:Principiantes

ACTIVIDADES CLAVECreación de contenidos(Lugares, perfiles, eventos)

Subida multmedia

Check-in

Tips

Consejos médicos, dietas,rutina de entranamiento

Venta de espaciospublicitarios

RECURSOS CLAVE

Internet:

Web

Móvil

CANALESUsuarios

Hosting y dominio

Gestores y administradoresdel sitio web

Publicidad y patrocinadores

Construcción del sitio

Page 64: Parkour BCN

contenidos

Una vez analizadas las necesidades concretas en base a la investigación del usuario, del mercado actual y de las tendencias del sector, empieza el proceso de traducción de todos estos conceptos en servicios concretos de nuestra web, así como su posterior organización y relación de jerarquías y secuencias dentro de la estructura de contenidos web.

navegacióny

70º45º

120º

90º

90º

25º

120º

70º45º

120º

90º

90º

25º

120º

Page 65: Parkour BCN

65

70º45º

120º

90º

90º

25º

120º

70º45º

120º

90º

90º

25º

120º

Page 66: Parkour BCN

66

Acción

Emoción

Resultado

TOUCHPOINTSdel proyecto

EMOC

IONE

S

TIEMPO

Buscar

Quedadas

Filtrar:personas o lugares

Encontrarresultados

Comparar

No encontrar

Expectación

Desilusión

Duda / Incertidumbre

Seleccionar

Satisfacción

Check-In SubirMultimedia

Valoración

VanidadOrgullo

Login

Agregarlugar

Pertenencia

Pertenenciainclusiónvanidad

Pertenenciainclusiónrelevancia

Pertenenciarelevancia

Editar Relevancia

Compartir

SocializarReconocimiento

ÉxitoSatisfacción

Listadode lugares

Listadode usuarios

Tablacomparativade lugarespreseleccionados

Login conFacebook y/oTwitter

Incrustarvideo o img

Registro

Obligación

Formularioderegistro

Sistema decalificacióny comentarios

BUSCAR-COMPARAR-SELECCIONAR PRACTICAR FEEDBACK NUEVO

Construcción del sitio

Page 67: Parkour BCN

67

EMOC

IONE

S

TIEMPO

Buscar

Quedadas

Filtrar:personas o lugares

Encontrarresultados

Comparar

No encontrar

Expectación

Desilusión

Duda / Incertidumbre

Seleccionar

Satisfacción

Check-In SubirMultimedia

Valoración

VanidadOrgullo

Login

Agregarlugar

Pertenencia

Pertenenciainclusiónvanidad

Pertenenciainclusiónrelevancia

Pertenenciarelevancia

Editar Relevancia

Compartir

SocializarReconocimiento

ÉxitoSatisfacción

Listadode lugares

Listadode usuarios

Tablacomparativade lugarespreseleccionados

Login conFacebook y/oTwitter

Incrustarvideo o img

Registro

Obligación

Formularioderegistro

Sistema decalificacióny comentarios

BUSCAR-COMPARAR-SELECCIONAR PRACTICAR FEEDBACK NUEVO

Construcción del sitio

Page 68: Parkour BCN

68

ARQUITECTURATodo este apartado nos permite anticipar los errores de organización de la información, de modo de corregirlos cuando aún no se ha invertido tiempo en el

de la información

diseño de las secciones.Además la conceptualización de la información nos permite desarrollar la profundidad de la información y la navegación, evitando

construir un esquema de organización excesivamente profundo que le implique al usuario hacer demasiados esfuerzos para llegar al contenido que le interesa.

NIVEL 1

NIVEL 2

NIVEL 3

PARKOUR BCN

PRACTICAR PARKOUR

ENTRENAMIENTO

LISTADO

FILTROS

MOVIMIENTOSESTIRAMIENTOSCALENTAMIENTOS

LISTADO DE TRACEURS

BUSCAR TRACEURS

FILTROS

UBICACIÓNRADIO DE DISTANCIANIVEL DE EXPERTICIA

COMPARTIR UN LUGAR LINK EXTERNO CON INFO

COMPARTIR

CORREOS CONTACTO

IMAGEN DE PERFILFICHA DE INFODEL USUARIOENVIAR UN MENSAJEACTIVIDAD USUARIO

BUSCAR

FILTROS

VIDEOSFOTOS

VIDEOSFOTOS

UBICACIÓN (GOOGLEMAPS)CARACTERÍSTICAS LUGAR

FILTROS

BUSCAR LUGARES

UBICACIÓNRADIO DE DISTANCIANIVEL DE DIFICULTAD

TRACEURS LUGARES

SOBRE PARKOUR MULTIMEDIA

CONTACTO

PERFIL/USUARIONIVEL 1

NIVEL 2

NIVEL 3

PARKOUR BCN

PRACTICAR PARKOUR

ENTRENAMIENTO

LISTADO

FILTROS

MOVIMIENTOSESTIRAMIENTOSCALENTAMIENTOS

LISTADO DE TRACEURS

BUSCAR TRACEURS

FILTROS

UBICACIÓNRADIO DE DISTANCIANIVEL DE EXPERTICIA

COMPARTIR UN LUGAR LINK EXTERNO CON INFO

COMPARTIR

CORREOS CONTACTO

IMAGEN DE PERFILFICHA DE INFODEL USUARIOENVIAR UN MENSAJEACTIVIDAD USUARIO

BUSCAR

FILTROS

VIDEOSFOTOS

VIDEOSFOTOS

UBICACIÓN (GOOGLEMAPS)CARACTERÍSTICAS LUGAR

FILTROS

BUSCAR LUGARES

UBICACIÓNRADIO DE DISTANCIANIVEL DE DIFICULTAD

TRACEURS LUGARES

SOBRE PARKOUR MULTIMEDIA

CONTACTO

PERFIL/USUARIO

Construcción del sitio

Page 69: Parkour BCN

69

NIVEL 1

NIVEL 2

NIVEL 3

PARKOUR BCN

PRACTICAR PARKOUR

ENTRENAMIENTO

LISTADO

FILTROS

MOVIMIENTOSESTIRAMIENTOSCALENTAMIENTOS

LISTADO DE TRACEURS

BUSCAR TRACEURS

FILTROS

UBICACIÓNRADIO DE DISTANCIANIVEL DE EXPERTICIA

COMPARTIR UN LUGAR LINK EXTERNO CON INFO

COMPARTIR

CORREOS CONTACTO

IMAGEN DE PERFILFICHA DE INFODEL USUARIOENVIAR UN MENSAJEACTIVIDAD USUARIO

BUSCAR

FILTROS

VIDEOSFOTOS

VIDEOSFOTOS

UBICACIÓN (GOOGLEMAPS)CARACTERÍSTICAS LUGAR

FILTROS

BUSCAR LUGARES

UBICACIÓNRADIO DE DISTANCIANIVEL DE DIFICULTAD

TRACEURS LUGARES

SOBRE PARKOUR MULTIMEDIA

CONTACTO

PERFIL/USUARIONIVEL 1

NIVEL 2

NIVEL 3

PARKOUR BCN

PRACTICAR PARKOUR

ENTRENAMIENTO

LISTADO

FILTROS

MOVIMIENTOSESTIRAMIENTOSCALENTAMIENTOS

LISTADO DE TRACEURS

BUSCAR TRACEURS

FILTROS

UBICACIÓNRADIO DE DISTANCIANIVEL DE EXPERTICIA

COMPARTIR UN LUGAR LINK EXTERNO CON INFO

COMPARTIR

CORREOS CONTACTO

IMAGEN DE PERFILFICHA DE INFODEL USUARIOENVIAR UN MENSAJEACTIVIDAD USUARIO

BUSCAR

FILTROS

VIDEOSFOTOS

VIDEOSFOTOS

UBICACIÓN (GOOGLEMAPS)CARACTERÍSTICAS LUGAR

FILTROS

BUSCAR LUGARES

UBICACIÓNRADIO DE DISTANCIANIVEL DE DIFICULTAD

TRACEURS LUGARES

SOBRE PARKOUR MULTIMEDIA

CONTACTO

PERFIL/USUARIO

Construcción del sitio

Page 70: Parkour BCN

70

DIAGRAMAde flujos

LANDING PAGE

HOME

ACTIVIDAD

MULTIMEDIA

EVENTOS

NOTIFICACIONES

LOGIN

REGISTRO

HOME

FORMU.

HOME

BUSCAR LUG/TRAC/EVENT

COMPARTIR LUGAR/EVENTO/MULTIMEDIA

CONFIRMACIÓN CARGA

BUSCAR MULTIMEDIA

FOTO / VIDEOCOMPARTIR MULTIM

BUSCAR EVENTO DETALLE DE EVENTO

COMPARTIR EVENTO

AMISTAD

MENSAJES

GLOBALES

FOTOVIDEO

CONFIRMACIÓN CARGA

LISTADO DE EVENTOS

CONFIRMACIÓN CARGA

LISTADO DE AMIGOS

DETALLE MENSAJE

POST EN EVENTOS

POST EN ACTIVIDAD

RESULTADO DE BÚSQUEDA

MAPA DE LUGARES DETALLE DEL LUGAR

ACTIVIDAD RECIENTE

TWITTER

ENTRENAMIENTO

EVENTOS

BÚSQUEDA GENERAL

PÁGINA DE DETALLE

SELECCIONAR LUGAR

PÁGINA DE DETALLE

PERFIL DE TWITTER

LISTADO DE MOVIMIENTOS

BUSCAR ENTRENAMIENTOS

DETALLE DE EVENTO

CALENDARIO DE EVENTOS

RESULTADO DE BÚSQUEDA

HOME

LANDING PAGE

HOME

ACTIVIDAD

MULTIMEDIA

EVENTOS

NOTIFICACIONES

LOGIN

REGISTRO

HOME

FORMU.

HOME

BUSCAR LUG/TRAC/EVENT

COMPARTIR LUGAR/EVENTO/MULTIMEDIA

CONFIRMACIÓN CARGA

BUSCAR MULTIMEDIA

FOTO / VIDEOCOMPARTIR MULTIM

BUSCAR EVENTO DETALLE DE EVENTO

COMPARTIR EVENTO

AMISTAD

MENSAJES

GLOBALES

FOTOVIDEO

CONFIRMACIÓN CARGA

LISTADO DE EVENTOS

CONFIRMACIÓN CARGA

LISTADO DE AMIGOS

DETALLE MENSAJE

POST EN EVENTOS

POST EN ACTIVIDAD

RESULTADO DE BÚSQUEDA

MAPA DE LUGARES DETALLE DEL LUGAR

ACTIVIDAD RECIENTE

TWITTER

ENTRENAMIENTO

EVENTOS

BÚSQUEDA GENERAL

PÁGINA DE DETALLE

SELECCIONAR LUGAR

PÁGINA DE DETALLE

PERFIL DE TWITTER

LISTADO DE MOVIMIENTOS

BUSCAR ENTRENAMIENTOS

DETALLE DE EVENTO

CALENDARIO DE EVENTOS

RESULTADO DE BÚSQUEDA

HOME

LANDING PAGE

HOME

ACTIVIDAD

MULTIMEDIA

EVENTOS

NOTIFICACIONES

LOGIN

REGISTRO

HOME

FORMU.

HOME

BUSCAR LUG/TRAC/EVENT

COMPARTIR LUGAR/EVENTO/MULTIMEDIA

CONFIRMACIÓN CARGA

BUSCAR MULTIMEDIA

FOTO / VIDEOCOMPARTIR MULTIM

BUSCAR EVENTO DETALLE DE EVENTO

COMPARTIR EVENTO

AMISTAD

MENSAJES

GLOBALES

FOTOVIDEO

CONFIRMACIÓN CARGA

LISTADO DE EVENTOS

CONFIRMACIÓN CARGA

LISTADO DE AMIGOS

DETALLE MENSAJE

POST EN EVENTOS

POST EN ACTIVIDAD

RESULTADO DE BÚSQUEDA

MAPA DE LUGARES DETALLE DEL LUGAR

ACTIVIDAD RECIENTE

TWITTER

ENTRENAMIENTO

EVENTOS

BÚSQUEDA GENERAL

PÁGINA DE DETALLE

SELECCIONAR LUGAR

PÁGINA DE DETALLE

PERFIL DE TWITTER

LISTADO DE MOVIMIENTOS

BUSCAR ENTRENAMIENTOS

DETALLE DE EVENTO

CALENDARIO DE EVENTOS

RESULTADO DE BÚSQUEDA

HOME

Construcción del sitio

Page 71: Parkour BCN

71

LANDING PAGE

HOME

ACTIVIDAD

MULTIMEDIA

EVENTOS

NOTIFICACIONES

LOGIN

REGISTRO

HOME

FORMU.

HOME

BUSCAR LUG/TRAC/EVENT

COMPARTIR LUGAR/EVENTO/MULTIMEDIA

CONFIRMACIÓN CARGA

BUSCAR MULTIMEDIA

FOTO / VIDEOCOMPARTIR MULTIM

BUSCAR EVENTO DETALLE DE EVENTO

COMPARTIR EVENTO

AMISTAD

MENSAJES

GLOBALES

FOTOVIDEO

CONFIRMACIÓN CARGA

LISTADO DE EVENTOS

CONFIRMACIÓN CARGA

LISTADO DE AMIGOS

DETALLE MENSAJE

POST EN EVENTOS

POST EN ACTIVIDAD

RESULTADO DE BÚSQUEDA

MAPA DE LUGARES DETALLE DEL LUGAR

ACTIVIDAD RECIENTE

TWITTER

ENTRENAMIENTO

EVENTOS

BÚSQUEDA GENERAL

PÁGINA DE DETALLE

SELECCIONAR LUGAR

PÁGINA DE DETALLE

PERFIL DE TWITTER

LISTADO DE MOVIMIENTOS

BUSCAR ENTRENAMIENTOS

DETALLE DE EVENTO

CALENDARIO DE EVENTOS

RESULTADO DE BÚSQUEDA

HOME

LANDING PAGE

HOME

ACTIVIDAD

MULTIMEDIA

EVENTOS

NOTIFICACIONES

LOGIN

REGISTRO

HOME

FORMU.

HOME

BUSCAR LUG/TRAC/EVENT

COMPARTIR LUGAR/EVENTO/MULTIMEDIA

CONFIRMACIÓN CARGA

BUSCAR MULTIMEDIA

FOTO / VIDEOCOMPARTIR MULTIM

BUSCAR EVENTO DETALLE DE EVENTO

COMPARTIR EVENTO

AMISTAD

MENSAJES

GLOBALES

FOTOVIDEO

CONFIRMACIÓN CARGA

LISTADO DE EVENTOS

CONFIRMACIÓN CARGA

LISTADO DE AMIGOS

DETALLE MENSAJE

POST EN EVENTOS

POST EN ACTIVIDAD

RESULTADO DE BÚSQUEDA

MAPA DE LUGARES DETALLE DEL LUGAR

ACTIVIDAD RECIENTE

TWITTER

ENTRENAMIENTO

EVENTOS

BÚSQUEDA GENERAL

PÁGINA DE DETALLE

SELECCIONAR LUGAR

PÁGINA DE DETALLE

PERFIL DE TWITTER

LISTADO DE MOVIMIENTOS

BUSCAR ENTRENAMIENTOS

DETALLE DE EVENTO

CALENDARIO DE EVENTOS

RESULTADO DE BÚSQUEDA

HOME

Construcción del sitio

Page 72: Parkour BCN

GRÁFICOdel proyecto

diseño

Page 73: Parkour BCN

73

imagenEn esta etapa definiremos toda la identidad corporativa de Parkour BCN como marca. La identidad del proyecto es un componente clave en la estrategia a desarrollar en las diferentes fases del proyecto.

marcade

Page 74: Parkour BCN

74

mENSAJE pRImARIO

mENSAJE SECUNDARIO

Únete a la comunidad.

encuentra traceurs, lugares y eventos en Barcelona.

Jugamos con el doble significado de “movimiento” por un lado como acciones necesarias para practicar parkour y por otra, movimiento como moda o corriente.

Describimos las funcionalidades y ventajas básicas de Parkour BCN, la propuesta de valor que le hacemos a los usuarios

Experimenta el movimiento

Diseño gráfico del proyecto

Page 75: Parkour BCN

75

pALETA DE COLOR

TIpOGRAFÍA

Para la paleta de colores elegimos los colores azul y naranja con una saturación y luminosidad moderada, ya que al ser opuestos en el círculo cromático, generan el movimiento y vibración que define al deporte del parkour, sin llegar a hacer ruido en la gráfica.

Por otro lado, tenemos los colores blanco y negro para la aplicación del logo en diapo.

Se eligió la tipografía “Lato” por la naturaleza de su forma. Su líneas rectas y ángulos rectos y de 45º se asemejan al diseño modular de la interfaz de la web y a la cuadrícula del eixample de Barcelona, a la cual va dedicada esta web.

Así mismo, el grosor considerable de la fuente le da fuerza al logo y transmite la energía que caracteriza al parkour.

A B C D E F G H I J K L m N O p q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v

w x y z 0 1 2 3 4 5 6 7 8 9

- LATO -

HEX= 22a3d8 HEX= F56000

HEX= 000000 HEX= FFFFFF

Diseño gráfico del proyecto

Page 76: Parkour BCN

76

LOGOTIpO

Diseño gráfico del proyecto

Page 77: Parkour BCN

77

ApLICACIONES LOGO

Diseño gráfico del proyecto

Page 78: Parkour BCN

78

Negativo

Aplicaciones de color

ADApTACIóN DEL LOGO

Diseño gráfico del proyecto

Page 79: Parkour BCN

79

USUARIOSEN EL MAPA

ACTIVIDAD VIDEOS EVENTOS

LUGARESEN EL MAPA

FOTOS ENTRENAMIENTO

ICONOGRAFÍA

Diseño gráfico del proyecto

Page 80: Parkour BCN

MANUAL

Herramientas utilizadas para definir el plan de actuación gráfico a lo largo del proyecto y unificar el trabajo del equipo.

ESTILOde

Page 81: Parkour BCN

81

El style tile es una herramienta de diseño que contiene los colores, tipografías y elementos que forman la esencia de una marca en la web.El style tile nos ayuda a crear un lenguaje visual común entre todos los implicados en el proyecto y a tener una guía de estilo de la web para construir todos y cada uno los elementos relacionados con el proyecto.

STyLE TyLEdel proyecto

Diseño gráfico del proyecto

Page 82: Parkour BCN

82

C=72 / M=19 / Y=2 / K=0R=34 / G=163 / B=216HEX= 22A3D8

C=0 / M=77 / Y=100 / K=0R=245 / G=96 / B=0HEX= F56000

C=51 / M=42 / Y=42 / K=6R=131 / G=131 / B=131HEX= 838383

C=9 / M=6 / Y=7 / K=0R=131 / G=131 / B=131HEX= E5E5E5

C=71 / M=65 / Y=64 / K=69R=38 / G=38 / B=38HEX= 262626

C=0 / M=0 / Y=0 / K=100R=0 / G=0 / B=0HEX= 000000

C=0 / M=0 / Y=0 / K=0R=255 / G=255 / B=255HEX= FFFFFF

TITULO DE ARTÍCULO O MÓDULOFecha de publicación: Noviembre 1 de 2012

Pie de foto

- OSWALD -

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

- LATO -

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on

NOMBRE DE USUARIONOMBRE DE USUARIONOMBRE DE USUARIO

COLOR

TIpOGRAFÍA

ImÁGENES

Diseño gráfico del proyecto

Page 83: Parkour BCN

83

Botón - Estado: Over

Botón - Leer más...

Botón - Flecha Scroll

Botón - Estado: Over

RUTAS TRACEURS EVENTOS

EMPIEZABUSCANDO

EMPIEZABUSCANDO

RUTAS TRACEURS EVENTOS

ACTIVIDAD RUTAS TRACEURS ENTRENAMIENTO EVENTOS ACTIVIDAD RUTAS TRACEURS ENTRENAMIENTO EVENTOS

NAVEGACIÓN PRINCIPAL

NAVEGACIÓN SECUNDARIA

NAVEGACIÓN SECUNDARIA

BOTÓN GENÉRICO

REDES SOCIALES

TEXTO DEL BOTÓN TEXTO DEL BOTÓN

NAVEGACIóN

Diseño gráfico del proyecto

Page 84: Parkour BCN

84

31 de Diciembre de 2012

Foto por: Juanito el fotografo

Fecha

Título del artículoTítulo del artículoTítulo del artículoTítulo del artículoTítulo del artículo

Título del artículo

h1h2h3h4h5

h6

32px28px24px20px

16px

12px

Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a

11px / interlineado: 15px

11px / interlineado: 13px

Pie de foto

Párrafo

11px / interlineado 13px / itálica

CONTENIDOS

Diseño gráfico del proyecto

Page 85: Parkour BCN

85

wireframes

Una vez claros los contenidos, apartados, carácteres y necesidades del proyecto podemos empezar a pincelar la organización de los contenidos de cada página. Nos centramos en la arquitectura de la información, la jerarquización y la navegación intuitiva, dejando para más adelante el diseño visual.

proyectodel

Page 86: Parkour BCN

86

REGISTRO

Diseño gráfico del proyecto

Page 87: Parkour BCN

87

HOME

Diseño gráfico del proyecto

Page 88: Parkour BCN

88

RUTAS

Diseño gráfico del proyecto

Page 89: Parkour BCN

89

TRACEURS

Diseño gráfico del proyecto

Page 90: Parkour BCN

90

ACTIVIDAD

Diseño gráfico del proyecto

Page 91: Parkour BCN

91

RESULTADO DE BÚSQUEDA

Diseño gráfico del proyecto

Page 92: Parkour BCN

92

EVENTOS

Diseño gráfico del proyecto

Page 93: Parkour BCN

93

PERFIL PRIVADO

Diseño gráfico del proyecto

Page 94: Parkour BCN

94

PERFIL PÚBLICO

Diseño gráfico del proyecto

Page 95: Parkour BCN

95

MENSAJES

Diseño gráfico del proyecto

Page 96: Parkour BCN

diseñotras la fase de wireframes podemos empezar a pincelar la presentación de los contenidos de cada página. Daremos estilo a cada uno de los elementos de la interfaz y a la presentación de la información aproximándonos a los bloques definidos y al resultado final que esperamos.

PANTALLASde

45º

Page 97: Parkour BCN

97

LUGARESescritorio

Diseño gráfico del proyecto

Page 98: Parkour BCN

98

SCROLL LUGARESescritorio

Diseño gráfico del proyecto

Page 99: Parkour BCN

99

ENTRENAMIENTOescritorio

Diseño gráfico del proyecto

Page 100: Parkour BCN

100

PERFIL PRIVADOescritorio

Diseño gráfico del proyecto

Page 101: Parkour BCN

101

PERFIL PÚBLICOescritorio

Diseño gráfico del proyecto

Page 102: Parkour BCN

102

HOMEmóvil

Diseño gráfico del proyecto

Page 103: Parkour BCN

103

LUGARESmóvil

Diseño gráfico del proyecto

Page 104: Parkour BCN

104

EVENTOSmóvil

Diseño gráfico del proyecto

Page 105: Parkour BCN

105

PERFIL PRIVADOmóvil

Diseño gráfico del proyecto

Page 106: Parkour BCN

MAQUETACIÓN

A continuación explicamos los aspectos más relevantes de la maquetación y primera fase de implementación del proyecto.

desarrolloy

70º

120º

Page 107: Parkour BCN

107

fHemos estructurado la web a través de un sistema de bloques.

fEl concepto de los bloques se asemeja a la gráfica del mapa de una ciudad, del entorno urbano, medio en el que se ubica nuestra comunidad.

fNos permite diferenciar los bloques de información en función de su temática. Cada bloque es un tema.

fTambién podemos ubicar la información según su jerarquía y relevancia en relación a los demás bloques.

fEsta estructura nos

facilita la construcción de la estructura del sitio sin necesidad de disponer de los contenidos. El escenario lo forman los bloques, no dependemos del contenido.

fAdemás nos permite diseñar cada bloque por separado e ir completando progresivamente los contenidos de cada página. Una vez diseñados, como la estructura ya está maquetada, los incluimos en la sección correspondiente. De esta forma nos hemos podido avanzar en paralelo en las tareas de maquetación y diseño: hemos avanzado paralelamente la maquetación de la estructura de cada página y al mismo

tiempo el diseño de los bloques.

fAdemás los bloques nos permiten hacer una transición factible y asumible al responsive.

fSolventar las divergencias del entorno multiplataforma y las distintas necesidades.

fHemos pensado una plataforma responsive que se adapte únicamente a los dispositivos móviles con resoluciones de pantalla de 480px y 320px de ancho de pantalla.

fLas encuestas demuestran

MAQUETACIÓNy desarrollo

SISTEmA DE BLOqUES

RESpONSIVE

Diseño gráfico del proyecto

Page 108: Parkour BCN

108

que los usuarios son adolescentes de clase media que no disponen de tablet pero sí de smartphone y ordenador de mesa o portátil. Motivo por el cual optamos por desarrollar una web responsive que se adapte al formato escritorio, para cuando están en casa y quieren buscar algo, actualizar su perfil o conectar con otros usuarios. También que se adapte al formato de los smartphones para cuando hacen uso de este.

fPara facilitar la construcción del sitio y debido a la necesidad de trabajar en grupo, optamos

por usar el framework jekyll. fNos permite desarrollar

archivos html para la construcción de cada una de las páginas del sitio, simultáneamente, y posteriormente integrarlos en un gran archivo.

fTambién nos permitió desarrollar el html de cada bloque por separado, y luego integrarlo en la página.

fEs un sistema de retículas responsive basado en SASS.

fEs altamente configurable de manera que podemos adaptarlo a nuestras necesidades sin limitaciones.

fNos facilita el cálculo de los anchos dinámicos de cada elemento de la página.

fNos permite jugar con la retícula y el tamaño de los bloques de contenido que vamos necesitando.

fEsta extensión de CSS3 nos permite construir hojas de estilo con elemento anidados.

fLa sintaxis que utiliza son variables para datos genéricos como fuentes, colores, tamaños y permite hacer más ágiles los cambios, de manera que al ser una variable, si haces un cambio, ese cambio se aplica a todos los puntos en los que aparece esa variable.

JEKYLL

SUSY, SASS, COmpASS

Diseño gráfico del proyecto

Page 109: Parkour BCN

109

fBuscador eventos, lugares, traceurs.

fCreamos un sistema de búsqueda avanzado para cada uno de los tipos de información que ofrecemos.

fEste sistema está basado en un sistema de filtros que permite encontrar aquella información que se adapta a los criterios de búsqueda.

fLos resultados se muestra en un mapa.

fEste buscador es independiente del sistema de búsqueda transversal del sitio, que se encuentra en la barra superior izquierda del site, la cual también cuenta con un filtro con todas las categorías a buscar.

f Independientemente de la categoría (traceurs, eventos o lugares), el buscador siempre tiene la misma estructura. Lo que cambia es el tipo de información que mostramos, los parámetros y el aspecto (color e ícono) de los resultados de búsqueda del mapa, en función de la categoría.

fEl servicio principal que ofrecemos en Parkour BCN es el de geolocalización de lugares, personas y eventos para la práctica de Parkour.

fOptamos por google maps como solución para visualizar la ubicación de cada uno de estos elementos que

queremos presentarle a los usuarios.

fLos usuarios utilizan este servicio para moverse por la ciudad y buscamos adaptarnos a las herramientas que usa el usuario.

fPara diferenciar cada uno de los ámbitos de actuación (lugares, personas, eventos) usamos iconos distintos en función de la categoría y lo ubicamos en el mapa en función de su localización.

fAl seleccionar un resultado en concreto, obtienes una información sobreimpresa en la parte inferior derecha del mapa muy detallada con forma de ficha.

TECNOLOGÍAy funcionalidades

BUSCADOR

GOOGLE mApS

Diseño gráfico del proyecto

Page 110: Parkour BCN

110

fEl check in te geolocaliza en un mapa y se envía un post a la actividad reciente de Parkour BCN, que mostrara que el usuario X esta en X lugar hace X minutos, permitiendo que los demás usuarios puedan encontrarse con él.

fComo la dinámica de laa comunidad se basa en practicar con más compañeros y esto radica en encontrarse en el momento y lugar indicado, hemos desarrollado esta función para que los usuarios puedan reunirse de forma más casual y espontánea (no tan planificada como un evento) cuando alguien comparte su ubicación.

fAparecerá en la portada, en el bloque de actividad

reciente, de manera que es un elemento de alerta y registro de la visita a un lugar específico. Así potenciamos la dinámica social más directa e instantánea.

fOptamos por ofrecer el servicio de compartir videos ya que es importante dentro de la dinámica de los traceurs.

fLa elegimos como plataforma ya que buscamos adaptarnos a las herramientas que usa el usuario y según las encuestas no sólo es la principal fuente para aprender movimientos, sino que también tienen cuenta y comparten videos propios.

fA través del código de incrustar de YouTube les permitimos compartir el video en la plataforma.

Esta acción aparece además en la actividad reciente cuando un usuario comparte un video

fAl igual que los videos, consideramos que las imágenes son un elemento importante en el entorno del Parkour.

fPermitimos cargar y compartir fotos a través de nuestra plataforma.

fAdemás damos la opción de compartir esta imagen, una vez subida, en Facebook y Twitter.

fAl publicar una foto, esta información aparece en actividad reciente, haciendo difusión entre la comunidad.

FOURSqUARE

EmBEBER VIDEOS

INCRUSTAR ImÁGENES

Diseño gráfico del proyecto

Page 111: Parkour BCN

111

fLos usuarios están muy interesados en la parte de promover quedadas de traceurs

fTambién en crear eventos (ya que actualmente no existen) de mayor alcance pero que no tengan el carácter de una competición.

fPara resolver estas necesidades, creamos un sistema de calendarización de los eventos para que los usuarios puedan crear y organizar eventos.

fA largo plazo, también se incluirán eventos de amplio alcance organizados por la plataforma y patrocinadores.

fLos usuarios pueden indexar estos eventos (lugar, fecha, comentario), para que la posterior búsqueda sea

posible. Y también pueden compartirlos, invitar a otros amigos, o decir si van a asistir.

fRegistro Facebook y Twitter

fFacilitar proceso de registro e identificación usando las Apis más comunes.

fLo hacemos a través de las redes sociales que más usan los usuarios según la encuesta.

fBloques que muestran los tweets de aquellos usuarios de Twitter que usan determinados hashtags.

fHemos insertado estos bloques en el site para integrarlo con la actividad de los usuarios en las demás

redes sociales, y darle un carácter más inmediato, informativo y actual a la información que mostramos.

fEs un sistema de presentación de las últimas actividades.

fPermite tener una idea rápida de lo que está pasando y navegar por la actividad más inmediata.

fAparece todo tipo de información (fotos, lugares, eventos, traceurs, check in).

EVENTOS

REGISTRO

LLAmADA TWEETS

ACTIVIDAD RECIENTE

Diseño gráfico del proyecto

Page 112: Parkour BCN

enPUESTAMARCHA

del proyecto

Page 113: Parkour BCN

113

EL PLANLa planificación de Parkour BCN desde un punto de vista más marketiniano

NEGOCIOde

90º

90º

Page 114: Parkour BCN

114

Una vez tenemos el site diseñado es necesario crear contenido específico. A la hora de generar este contenido, tenemos la opción de escribirlo nosotros, traerlo de otra web o de contratar a un experto. En el caso de Parkour BCN hacemos una mezcla de las tres opciones:Por una parte, son los propios usuarios los encargados de crear los contenidos (check in, fotografías, videos, eventos, etc.)

Bien es cierto que para

1. CONTENIDOS

tener usuarios, la web tiene que ofrecer un servicio interesante, algo que se da gracias a los contenidos. Por lo que antes de tener un tráfico considerable de usuarios e información, necesitamos surtir la web de contenidos.

Para esto necesitamos hacer una investigación a fondo del contenido que podemos extraer de otras webs, como hemos hecho en el benchmark, pero como queremos ofrecer a los

usuarios algo original, no vamos a utilizar este tipo de fuentes de información.

De manera que para generar la información inicial, apostamos por contactar con expertos en Parkour que generen el contenido, ya que son ellos la mejor fuente de información.

Aral Roca es un experto en Parkour, un referente en Barcelona, muy centrado en la difusión del deporte y con conocimientos web.

y mantenimiento

Puesta en marcha del proyecto

Page 115: Parkour BCN

115

La información inicial (lugares, fotografías, vídeos, movimientos), nos la proporciona él.

El mantenimiento de la web, a corto plazo, se limita a:

fActualización de la información.

fSolventar problemas técnicos puntuales.

fGestión de las redes sociales.

fGestión del contacto vía mail (usuarios, prensa, patrocinadores, etc.).

fDifusión de la web.En el caso de las redes sociales, una buena gestión de estas, nos puede ayudar de manera notable no solo a incrementar el número de visitas que llegan a la web, sino que también buscamos:

fEstar presente en las redes sociales en las que el usuario está y de las cuales usamos algunas funcionalidades (embeber imágenes y videos, registrarse, hacer check in, etc.).

fEstablecer feedback con el usuario.

fRedirigirlos a la web.

De manera que tal y como hemos pensado el futuro de Parkour BCN, esto se podría hacer a través de Aral Roca y demás implicados en PK Catalunya. Ya que la idea es que ellos tomen las riendas de la web y poco a poco vaya cesando la actividad en los foros y páginas de Facebook que ahora utilizan, para pasar a utilizar la web que hemos diseño.

Puesta en marcha del proyecto

Page 116: Parkour BCN

116

Independientemente del contenido inicial, el éxito de Parkour BCN radica en el contenido que generen los usuarios, motivo por el cual hay que establecer un plan de acción para atraer al público.

Contamos con la ventaja de ofrecer una plataforma única, muy adaptada a sus necesidades y muy atractiva, pero necesitamos llegar al target. Actualmente los practicantes se organizan a través de foros y grupos de Facebook:

Aliarnos con PK Catalunya

2. CAPTACIÓNy otros competidores para que nos convirtamos en una única página. Nosotros conseguimos su flujo de usuarios y actividad, y esos foros y grupos de Facebook consiguen un site de mejores condiciones y mayor potencial).

Si los traceurs empiezan a utilizar la plataforma, los otros compañeros harán lo mismo.

Hacer difusión a través de

de usuarios

ALIADOS EXpANSIóN

traceurs experimentados (como Aral Roca).

Dar respuesta a las búsquedas en motores de búsqueda como Google. Para ello necesitamos estar bien posicionados. Que el contenido sea interesante, que el lenguaje que utilizamos sea clave y adecuado (ser una respuesta a una búsqueda), por eso hemos llevado a cabo un amplio estudio de las secciones que debíamos cubrir, el lenguaje que utiliza el target y las tendencias de búsqueda del sector.

pRESCRIpTORES

SEO

Puesta en marcha del proyecto

Page 117: Parkour BCN

117

Haciendo un buen uso del SEO para mejorar la visibilidad de un sitio web en estos buscadores de forma natural a través de la estructura y el contenido, creando una red adecuada de enlaces.

Si nuestro contenido es único, relevante e impactante (como los blueprints), conseguiremos que otras webs hagan uso de ese material ya que muchas webs no tienen contenido propio, sino que se nutren de otras webs. Estas webs nos citarán como fuente, derivando

CONTENIDO

ENLACES EXTERNOS

usuarios hacia nuestra web.

Muchas webs de Parkour, sobre todo internacionales, disponen de un directorio de webs de Parkour mundiales. Además de proporcionarnos más visitas que pueden derivar en usuarios, nos proporcionará enlaces externos, que ayuda en el posicionamiento web.

Uno de los factores que más influye sobre los motores de búsqueda a la hora de posicionar una página en Internet es el número de

páginas externas que enlazan con tu página web, por tanto, el desarrollo de una red de enlaces ha de ser una prioridad (ya sea en formato de directorios mundiales, como hemos explicado, o redes sociales como pinterest, patrocinadores, blogs, foros o páginas 2.0 relevantes que hagan difusión de nuestro material o servicio, etc.

Disponer de perfiles y redirigir a los usuarios a nuestra web para disfrutar de las ventajas Parkour BCN al 100%.

REDES SOCIALES

Puesta en marcha del proyecto

Page 118: Parkour BCN

118

3. RENTABILIDAD

Tiene que ser respetuosa, no intrusiva y aportar una solución a una necesidad. Es por eso que la idea inicial es que sea publicidad en formato banner estático, de marcas de ropa y calzado deportivo. Ya que los usuarios, a través de las encuestas nos hicieron llegar su interés en que resolviéramos esta necesidad, ya que a utilizan ropa muy específica y a través de la publicidad podemos cubrir esta necesidad.

Soporte clave a la hora de organizar eventos y hacer difusión del deporte siempre desde el punto de vista de la no-competitividad. Además, un colaborador como el Ayuntamiento de Barcelona puede ayudarnos a resolver la preocupación de los traceurs con la mala imagen del deporte y nos puede ayudar a la hora de buscar lugares ye incluso crear espacios reservados a la práctica del Parkour.

PUBLICIDAD PATroCINIo

y patrocinio

¿cómo hacemos que la web sea rentable?

Pese a que desde Parkour BCN

no buscamos sacar dinero,

sino ofrecer una respuesta a

una necesidad, consideramos

distintas opciones para hacer

posible la expansión del servicio

y la organización de eventos:

Puesta en marcha del proyecto

Page 119: Parkour BCN

119

6 mesesComunidad: 500 usuarios.Tiempo medio invertido semanalmente: 1hAlcance: Barcelona y alrededores.

4. ExPECTATIVAS

1 añoComunidad: 2.000 usuarios.Tiempo medio invertidosemanalmente: 4hAlcance: Catalunya.

2 años.Comunidad: 5.000 usuarios.Tiempo medio invertido semanalmente: 10hAlcance: España.

CorTo PLAzo MEDIo PLAzo LArgo PLAzo

de futuro

Puesta en marcha del proyecto

Page 120: Parkour BCN

ASPECTOS

Relacionados con el uso que hacemos con la información de los usuarios y sus derechos al entrar a formar parte de la comunidad.

25º

LEGALES

Page 121: Parkour BCN

121

En Parkour BCN recibimos información de carácter personal por parte de los usuarios que tenemos que proteger.

Básicamente es información extraída del proceso de registro y aquella que el usuario comparte en la web (perfil, fotos y videos que sube, amigos, mensajes, etc.)Parkour BCN no utiliza la

ASPECTOSlegales

información que recibe por parte de sus usuarios, lo único que desea es la oportunidad de promover su identidad dentro de una comunidad.

El usuario tiene la oportunidad de consultar todos los aspectos relacionados con sus derechos y uso de la información en el registro (que es cuando acepta las

condiciones) como en la propia web (dirigiéndose al apartado aspectos legales”)Si el usuario tiene cualquier duda o desea eliminar su cuenta, puede hacerlo de forma permanente sin ningún problema poniéndose en contacto con nosotros vía e-mail (tal y como especificamos en la política de privacidad).

Puesta en marcha del proyecto

Page 122: Parkour BCN

122

Política de protección de datos

“Parkour BCN”, en cumplimiento

al artículo 5 de la Ley orgánica

15/1999, de 13 de diciembre, de

protección de datos de carácter

personal (LOPD), informa respecto a

la política de protección de datos de

carácter personal porque los usua-

rios determinen de manera libre y

voluntaria facilitar a “Parkour BCN”

sus datos personales a través del

formulario electrónico de registro

para la suscripción a los servicios

ofrecidos por “Parkour BCN” en su

website.

Conforme al artículo 6 de la misma

ley, con la aceptación de este aviso

legal el usuario consiente el tra-

tamiento de los datos personales

proporcionados por él mismo y que

serán regulados en los términos de

la presente política de Tratamiento

de Datos de Carácter Personal y la

legislación vigente.

Los datos de carácter personal sumi-

nistrados mediante los formularios

que constan en las páginas web de

“Parkour BCN” serán incorpora-

dos a sus ficheros en función de la

finalidad de la remisión.“Parkour

BCN” garantiza la privacidad de los

servicios on line de acuerdo con las

exigencias establecidas al artículo 9

de la Ley orgánica 15/1999, de 13

de diciembre, de protección de datos

de carácter personal y del real de-

creto 994/1999, de 11 de junio, por

el cual se aprueba el reglamento de

medidas de seguridad de los ficheros

automatizados que contengan datos

de carácter personal.

La recogida y tratamiento de los

datos personales, a consecuencia

de la navegación por las páginas del

website, de la consulta, la solicitud o

la contratación de cualquiera de los

servicios, las promociones o los con-

cursos que ofrece “Parkour BCN”,

tiene como finalidad el manteni-

miento de la relación contractual

establecida entre las partes, como

también la gestión, administración,

prestación, ampliación y mejora de

los servicios a los cuales los usua-

rios decidan suscribirse, darse de

alta o utilizar, y la adecuación de

estos servicios a las preferencias y

los gustos de los usuarios. En este

sentido, se informa al usuario que

“Parkour BCN” podrá enviar a su

ordenador un fichero (“cookie”) que

se instalará automáticamente, y que

permitirá al usuario personalizar sus

preferencias, con objeto de facilitar

el uso de las herramientas y recursos

del portal que sean de su interés.

Se informa también el usuario que

tiene la posibilidad de configurar su

ordenador de forma que éste recha-

ce la instalación de estas “*cookies”.

Así mismo, la recogida y el trata-

miento de los datos personales tiene

como finalidad el estudio cuanti-

tativo y cualitativo de las visitas y

de la utilización de los servicios por

parte de los usuarios, el diseño

de nuevos servicios relaciona-

dos con los servicios propios y

las actualizaciones de “Parkour

BCN” y la remisión por medios

tradicionales o electrónicos de la

información técnica, operativa y

comercial respete los productos

y los servicios que ofrece “Par-

kour BCN”.

Puesta en marcha del proyecto

Page 123: Parkour BCN

123

La finalidad de la recogida y el

tratamiento de los datos personales

incluye igualmente el envío de pu-

blicidad, formularios de encuestas,

ofertas promocionales, concursos,

invitaciones a acontecimientos, a

través de mensajes de correo elec-

trónico o de cualquier otra platafor-

ma interactiva por parte de “Parkour

BCN”.

Los usuarios tienen la posibilidad de

no recibir las informaciones ni los

formularios de encuestas si lo nie-

gan expresamente a la dirección de

correo electrónico info@Parkourbcn.

com o en las condiciones indicadas

en cada una de las comunicacio-

nes que “Parkour BCN” pone a su

disposición.

En ningún caso “Parkour BCN”

utilizará los datos personales de los

usuarios para finalidades diferentes

de las que se acaban de mencionar,

salvo que haya una advertencia pre-

via recogida en el mismo website y

consentimiento expreso del usuario.

Los usuarios tienen innatamente

reconocidos los derechos A.R.C.O.

(de acceso, de cancelación, rectifica-

ción y oposición al tratamiento, uso

y cesión de sus datos), y los podrán

ejercitar directamente si lo comuni-

can a la dirección de correo electró-

nico [email protected], como

también por otras formas admitidas

en derecho.

Baja o pérdida de la condición de

usuario:

Baja: el usuario registrado podrá

darse de baja libremente del website

“Parkour BCN”, perdiendo la con-

dición de miembro del portal y los

derechos y los datos asociados a su

cuenta, en cualquier momento, sólo

con el hecho de realizar la petición

a http://www.Parkourbcn.com/con-

tacta, intermediando la dirección de

correo electrónico info@Parkourbcn.

com.

“Parkour BCN” se reserva el derecho

de poder dar de baja al usuario,

extinguiendo la relación establecida

y perdiendo éste los derechos deri-

vados de tal condición y los datos

asociados a su cuenta de “Parkour

BCN”, en caso de que el usuario

incumpla las presentes condiciones

generales y/o si la prestación de los

servicios del website, deja de ser a

juicio del portal, comercialmente

viable.

La pérdida de condición de usua-

rio no excluye la aplicación de las

presentes condiciones, que seguirán

siendo aplicables a las cuestiones

o reclamaciones que se puedan

plantear entre “Parkour BCN” y el

usuario. En caso de baja de usuario,

“Parkour BCN” eliminará los datos

y toda la información personal

de éste, manteniendo el resto de

aportaciones públicas realizadas en

las diversas secciones. Legislación

aplicable y jurisdicción: las presentes

condiciones generales se regirán por

la legislación española vigente. En

caso de que la normativa vigente

deje la posibilidad para las partes

de someterse a un tribunal determi-

nado, “Parkour BCN” y el usuario,

con renuncia expresa a cualquier

otro que los pueda corresponder, se

someten a los juzgados y tribunales

de la ciudad de Barcelona.

Puesta en marcha del proyecto

Page 124: Parkour BCN

futurastodos los aspectos relativos a la actualización y mantenimiento de Parkour BCN en base a nuestro plan de futuro

implementaciones

Page 125: Parkour BCN

125

Dependiendo de la recepción, desarrollar un APP nativa para móviles que reúna el núcleo del site y de la actividad más inmediata e interactiva. Que incluya también un sistema de mensajería entre usuarios para permitir la comunicación más inmediata.

APLICACIÓNnativa

Puesta en marcha del proyecto

Page 126: Parkour BCN

MANTENIMIENTO

todos los aspectos relativos a la actualización y mantenimiento de Parkour BCN en base a nuestro plan de futuro

SITIO WEBdel 70º

45º

120º

90º

90º

25º

120º

Page 127: Parkour BCN

127

70º45º

120º

90º

90º

25º

120º

Page 128: Parkour BCN

128

Como visión de futuro, deseamos que el proceso de desarrollo de esta web no se limite a ser simplemente una asignación final de máster.

Deseamos que el proyecto tenga continuidad en el tiempo y que logre sustentarse de manera sólida. Que sea un referente de éxito en el mundo Parkour.

Una página en la que los usuarios puedan regirse para obtener información a todos los niveles, para principiantes, para los practicantes de nivel medio y los avanzados, pues es una herramienta de gran

MANTENIMIENTO

utilidad para los usuarios que se dedican a la práctica de este deporte.Para lograr ésto, es necesario mantener actualizados sus contenidos y que se genere tráfico. Esto se logra con una mayor cantidad de usuarios que a su vez estén motivados, que se sientan integrados en una comunidad y generen contenido nuevo.

Además es necesario un moderador para la página o un grupo de trabajo que se encargue del mantenimiento, feedback de la web. Alguien que se encargue de generar el contenido de los eventos

y patrocinadores que colaboren en cualquiera de las actividades que Parkour BCN desee organizar.

En el papel de moderador, hemos tomado en cuenta el perfil de Aral Roca Gómez, pues es uno de los íconos más importantes del Parkour en Barcelona. Tiene un nivel avanzado de experiencia en el deporte, conoce las técnicas, movimientos, lugares dónde practicar, tiene mucho contenido multimedia como fotos y videos para actualizar la página web de Parkour BCN.

de la web

Puesta en marcha del proyecto

Page 129: Parkour BCN

129

Además, está muy integrado en la comunidad de Parkour de Catalunya. Modera el foro de PK Catalunya y además estudia ingeniería informática, por lo que tiene los conocimientos necesarios para mantener actualizada la página, no sólo a nivel de contenidos, sino en cuanto a elementos técnicos de programación.

Si el proyecto se expandiera, el equipo humano tendría que hacerlo también, lo que no supondría un problema porque implicaría que estamos teniendo más ingresos (por publicidad).

De esta forma el equipo de trabajo una vez lancemos la web, estaría compuesto por 2 personas (ya que Aral se encargaría de las 3 primeras):

f1 Copywriter que redactaría los contenidos del sitio de manera usable y entendible para los usuarios.

f1 Programador que llevaría a cabo el mantenimiento de la web como tal.

f1 Community manager que controlaría la presencia en redes sociales y responderá las cuestiones que se den ahí.

f1 Diseñador encargado de la parte gráfica del proyecto.El equipo de trabajo

aumentaría al expandirse el proyecto, y tendríamos que incorporar los siguientes perfiles (sin tener en cuenta que además habría que aumentar en número de personas dedicadas a algunos perfiles).

fProgramadores que se encargue de construir las nuevas plataformas (Parkour CAT, o Parkour ES), en base a la plataforma Parkour BCN.

Puesta en marcha del proyecto

Page 130: Parkour BCN

CONCLUSIONESfinales

las

Page 131: Parkour BCN

131

Con Parkour BCN hemos resuelto todos los objetivos propuestos al inicio, consiguiendo construir una plataforma en la que los usuarios puedan buscar traceurs, lugares y eventos en los que practicar Parkour. Creando la idea de comunidad e identidad propia gracias a un potente imagen.. Hemos aprendido a implementar un proyecto web html y a trabajar como equipo en el lanzamiento de un proyecto, como un todo: planificación, estrategia, diseño y desarrollo. Esta

CONCLUSIONES

toma de contacto con un proyecto “real” nos ha hecho darnos cuenta del gran trabajo que supone realizar una plataforma web de principio a fin, a nivel de trabajo y de recursos humanos.

Desde el inicio buscamos un proyecto que nos motivara a nivel gráfico, de diseño, que satisficiera una necesidad y que tuviera una utilidad. Es por ese motivo que buscamos el nicho de mercado, estuvimos en contacto con el usuario en todo momento y

trasladamos esta información en herramientas y servicios (y todos los puntos son reales y asumibles, publicidad, usuarios, generación del contenido). Es por eso que el siguiente paso es ponernos en contacto con los usuarios para cederles la web.

Estamos muy contentos con el trabajo realizado, saber que las horas de esfuerzo y dedicación no son en balde, y que puede llegar a ser un proyecto real, implementado en el futuro.

del proyecto

Conclusiones

Page 132: Parkour BCN

WEBGRAFÍAdel proyecto

la

Page 133: Parkour BCN

133

fhttp://mediaqueri.es/

fhttp://analytics.topsy.com/

fhttp://www.jbmoreno.es/comunicacion/blog/seo/http://www.opensiteexplorer.org/

fhttps://www.google.com/adplanner/#siteSearch

fhttp://www.urltrends.com/

fhttp://www.alexa.com/

fhttp://bizinformation.com.my/#

fhttp://www.dmoz.org/Sports/Extreme_Sports/Parkour

fhttp://es.wikipedia.org/wiki/Ley_Organica_de_Proteccion_de_Datos_de_Caracter_Personal_

de_España

fhttp://www.psdcovers.com/

WEBGRAFÍAdel proyecto

Webgrafía

Page 134: Parkour BCN

134

Aral Roca

Parkour Catalunya

Laura Monedero

AGRADECIMIENTOScon la colaboración de

Agradecimentos

Page 135: Parkour BCN
Page 136: Parkour BCN

136

LIDIA CAMPOS

DIEGO BELTRÁN

PATRICIA PÉREZ

EDUARDO PLA

PARK

OUR

BCN

2013