Post on 08-Mar-2016
description
LIDIA CAMPOS
DIEGO BELTRÁN
PATRICIA PÉREZ
EDUARDO PLA
PARK
OUR
BCN
2013
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
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
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
parkourbcn
qué es
9
introducción
Os presentamos Parkour BCN
proyectoal
45º
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
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º
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
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º
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
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
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º
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
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º
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
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
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
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
23
INVESTIGACIÓNdel sector
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
43
PERSONASy escenarios
Investigaci’on del sector
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
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
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
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
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
49
ENCONTRAR GENTE TE GUSTARÍA RETAR A OTROS TRACEURS
no sí 5%
95%Youtube
Internet
Instituto
Gente practicando
Amigos de amigos
Móvil
COMUNICACIÓN ENTRE TRACEURS
Creatividad
Gente experta
Youtube
Amigos
Webs
Práctica
Variaciones movimientos básicos
CÓO TE INFORMAS SOBRE NUEVOS MOVIMIENTOS DE PARKOUR?
Investigaci’on del sector
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
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
52
DE QUÉ DISPOSITIVOS DISPONEN
LLEVAS MÓVIL CUANDO PRACTICAS PARKOUR?
39usuarios
5 usuarios
20 usuarios
23 usuarios
Sí
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
53
ESCUCHAS MÚSICA CUANDO PRACTICAS PARKOUR?
Sí
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?
Sí
100%
Acrobacias
Videos
Fotografías
Lugares
Otros
Rutas
QUÉ TIPO DE INFORMACIÓN SUELES COMPARTIR EN REDES SOCIALES?
Investigaci’on del sector
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
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
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
57
Parkour
Traceurs
rT
enTrenar
keywordscalenTar
exPeriencia
amigos
emPezar
YouTube
comPañeros
gruPo
aPrender
del cuestionario
Investigaci’on del sector
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
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
CONSTRUCCIÓNdel site
la
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
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
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
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º
65
70º45º
120º
90º
90º
25º
120º
70º45º
120º
90º
90º
25º
120º
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
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
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
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
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
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
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
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
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
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
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
GRÁFICOdel proyecto
diseño
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
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
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
76
LOGOTIpO
Diseño gráfico del proyecto
77
ApLICACIONES LOGO
Diseño gráfico del proyecto
78
Negativo
Aplicaciones de color
ADApTACIóN DEL LOGO
Diseño gráfico del proyecto
79
USUARIOSEN EL MAPA
ACTIVIDAD VIDEOS EVENTOS
LUGARESEN EL MAPA
FOTOS ENTRENAMIENTO
ICONOGRAFÍA
Diseño gráfico del proyecto
MANUAL
Herramientas utilizadas para definir el plan de actuación gráfico a lo largo del proyecto y unificar el trabajo del equipo.
ESTILOde
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
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
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
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
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
86
REGISTRO
Diseño gráfico del proyecto
87
HOME
Diseño gráfico del proyecto
88
RUTAS
Diseño gráfico del proyecto
89
TRACEURS
Diseño gráfico del proyecto
90
ACTIVIDAD
Diseño gráfico del proyecto
91
RESULTADO DE BÚSQUEDA
Diseño gráfico del proyecto
92
EVENTOS
Diseño gráfico del proyecto
93
PERFIL PRIVADO
Diseño gráfico del proyecto
94
PERFIL PÚBLICO
Diseño gráfico del proyecto
95
MENSAJES
Diseño gráfico del proyecto
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º
97
LUGARESescritorio
Diseño gráfico del proyecto
98
SCROLL LUGARESescritorio
Diseño gráfico del proyecto
99
ENTRENAMIENTOescritorio
Diseño gráfico del proyecto
100
PERFIL PRIVADOescritorio
Diseño gráfico del proyecto
101
PERFIL PÚBLICOescritorio
Diseño gráfico del proyecto
102
HOMEmóvil
Diseño gráfico del proyecto
103
LUGARESmóvil
Diseño gráfico del proyecto
104
EVENTOSmóvil
Diseño gráfico del proyecto
105
PERFIL PRIVADOmóvil
Diseño gráfico del proyecto
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º
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
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
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
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
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
enPUESTAMARCHA
del proyecto
113
EL PLANLa planificación de Parkour BCN desde un punto de vista más marketiniano
NEGOCIOde
90º
90º
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
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
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
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
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
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
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
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
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
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 info@Parkourbcn.com, 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
futurastodos los aspectos relativos a la actualización y mantenimiento de Parkour BCN en base a nuestro plan de futuro
implementaciones
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
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º
127
70º45º
120º
90º
90º
25º
120º
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
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
CONCLUSIONESfinales
las
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
WEBGRAFÍAdel proyecto
la
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
134
Aral Roca
Parkour Catalunya
Laura Monedero
AGRADECIMIENTOScon la colaboración de
Agradecimentos
136
LIDIA CAMPOS
DIEGO BELTRÁN
PATRICIA PÉREZ
EDUARDO PLA
PARK
OUR
BCN
2013