Proyecto web

Proyecto web
¿Y AHORA,
QUÉ PRODUCTO ELEGIMOS?
Después de este trabajo creemos que el siguiente paso
a dar será el de darse a conocer en el medio de comuni-
cación que más adeptos tiene INTERNET.
Para ello proponemos la creación de un espacio web
que satifaga las encesidades de la empresa así como la

*
de los clientes que la conforman. Con esta web preten-
demos conseguir 3 objetivos:

Sabemos que TEMPO es una empresa con

una vida bastante corta, por ello necesita
exibirse estar continuamente en contacto OBJETIVOS ¿CÓMO?
con sus clientes y los que no lo son.
Seguir dándose a conocer. La web estará unida a diferentes platafor-
mas de redes sociales.
Un año después de su creación, TEMPO deja
atrás una serie de campañas publicitarias
Fidelizar al público existente. Facilitar las cominicaciones entre cliente y
divulgadas en distintos soportes (cartelería,
empresa
postal free, urbano,trípticos...) así como un
producto editorial que han resultado cum-
Distinguirse de la competencia. Analizando la competencia
plir las necesidades de la empresa.
Existen pocas escuelas con web un punto
a nuestro favor
 Proyecto web

¿COMENZAMOS...?
Por donde empezar....

Analizando la competencia ...

Ya que tempo se sitúa en Granada, el análisis de la competencia se centrará en
primer lugar en empresas del sector que se encuentren en la misma ciudad.
Por seguir abarcando y no quedarnos a mitad del camino analizaremos otras
web del sector que se encuentren en el resto de España y así conocer que es
lo primordial para conseguir los objetivos propuestos anteriormente.
Apesar de aver encontrado bastantes empresas del sector en granada las que
tienen web son pocas las encontradas son las siguientes:

Granada Multidanza Terpsícore Mónica Gómez Kroky On stage

Otros... Evolution dance Color dansa Mencu Durán Así se baila Rumballet
 Proyecto web

Granada
Lo que más nos llamó la atención es la poca existencia de web en las escuelas
de danza de Granada.
De las webs visitadas en general podemos decir que son estáticas y básicamente
realizadas con html y css.

Otros...

Las webs del sector en general son más dinámicas aunque algunas abusan de
eso siendo largo el tiempo de carga de la web un punto que hay revisar bien
para no llegar a cansar a nuestro público

Secciones de interes: Inicio Quienes somos Profesorado Intalaciones

Localización Noticias Eventos Videos Disciplinas
Horarios Contacto Trabajos que realizamos
Fotos y competiciones
 Proyecto web

SIGUIENTE PASO...
¿A quién nos dirigimos?

Nuestro Target ...

El público objetivo de esta web es un público muy habituado a moverse en el entorno de internet sobre todo en las redes
sociales, por ello estará vinculada a las diferentes redes sociales como facebook tuenti etc...
Ya que son personas relacionadas y envueltas en este mundo tendrán las puertas abiertas a recibir información visual in-
novadora algo que atraerá mucho su atención.
A la hora de crear la web tendremos clasificaremos a los usuarios en dos grupos.

Clientes de la esucela.

Alumnos de la escuela
Compañías de danza interesadas en nuevos talentos.
Personas del panorama de la danza actual interesadas en actualidad del entorno.
Agencias de contratación de bailarines.

Posibles clientes.

Posibles alumnos (3 niveles: básico, avanzado y profesional)

Tutores o padres del alumnado mayor de edad o no.
Compañías de danza interesadas en nuevos talentos.
Personas del panorama de la danza actual interesadas en actualidad del entorno.
Agencias de contratación de bailarines.
 Proyecto web

Los clientes de la ecuelas necesitan:

¿QUÉ Información sobre los s servicios,cursos, horarios, bolsa de em-
Necesitamos? pleo...

Rápida y sencilla comunicación con la empresa que pueda resolver

Los empresa necesita:
Darse a conocer, en un primer momento en el ámbito local y
más tarde por el resto de España.
sus dudas,plantear problemas comunicación con el profesorado...
Elementos y contenidos dinámicos que hagan que la web sea un
medio que visiten casi a dirario con noticias eventos videos...
Información sobre tempo y sus servicios,
cursos, horarios,...

Informar sobre los servicios de tempo.

Atraer a un nuevo público
Diferenciarse del resto de la competencia.
Ofrecer un servicio de atención al cliente rápido y sencillo.
Fidelizar el público existente
La posible clientela de tempo necesita:
Información sobre tempo y sus servicios,
cursos, horarios,...
Rápida y sencilla comunicación con la empresa que pueda resol-
ver sus dudas,plantear problemas comunicación con el profesorado...

Calidad en el contenido y en la navegación que la hagan exclusiva e

innovadora frente al resto.

Información del profesorado y del nivel y prestigio de la escuela.

 Proyecto web

POR ÚLTIMO...
¿En qué posición quedamos? ? cómo conseguirlo?
Posicionamiento * Sencilla navegación

Para conseguir los objetivos que nos marcamos al principio para la creación de la web es
* Riqueza de contenidos

necesrio que la posicionemos de alguna manera ante toda la competencia que también
analizamos anteriormente.
* Relaciones con las empresas del sector

El objetivo primordial en éste caso es el de conseguir un elemento diferenciador que po-

tencie la web y la distinga de las demás y proporcionado al usuario una impecable pre-
* La estructura no lineal

sentación de los contenidos y una manera sencilla de navegar por la misma. * Buena comunicación con la clientela

En el ámbito local las empresas están especializadas en pocos estilos por lo que tem-
po se posiciona por encima de ellas por su diversidad de estilos y calidad de enseñanza
* Además de los contenidos propios de la em-
presa que serán cuidados detalldamente para
profesional así como una puerta al mundo profesional por su bolsa de empleo y relacio- que el usuario tenga bien claro a lo que se
nes con empresas del sector. dedica tempo, y además se tratarán temas de
actualidad, eventos noticias...
En el resto de españa existen empresas que se asemejan a tempo en lo nombrado
anteriormente por ello pretende distinguirse de ellas en calidad gráfica de publicidad y
relaciones con los clientes.
 Proyecto web MAPA WEB
Inicio

¿Quiénes somos?

EMPENZANDO Novedades/Noticias

a construir nuestra web... Contacto

-¿Quieres contratar nuestros servicios?
.¿Quieres entrar en tempo?
Libro de estilos Estudios
-Carreras profesionaleds
Una vez analizado el sector y dejado claros los puntos clave de -Monográficos
nuestra web es hora de ponerse con el libro de estilos que nos
dará las claves estéticas de la web. Alumnos
ESTRUCUTRA
-Horarios Estudios
Empezamos realizando un mapa de la web y eligiendo una estruc- -Castings
tura adecuada a la hora de presentar los contenidos por nivel de Profesorado
-Ofertas de empleo
Alumnos
importancia.
¿Qué hacemos?
. Profesorado
-Contacto con cada profesor
-Currículum
Inicio
¿Quiénes somos?
- Video
Contacto
Noticias
¿Qué hacemos?
- Galería de fotos
Aviso legal
- Video
Mapa web
Localización
Aviso legal
Mapa web
Localización
 Proyecto web

CONTENIDO
físico de la web...

Proporciones Tipolog a
Usaremos la resolución estándar para los monitores que más se usan Se trata de una web corporativa dedicada a la captación de
actualmente esta resolución será de 1024x768. nuevos clientes.

La maquetación que elegimos para la web será de ancho y alto fijo, Se basa en una plantilla donde estarán
esto permite que no haya scroll vertical ni horizontal en la página todos los menús.
pero si en la parte de contenidos.
La estructura de la navegación será no lineal permitiendo al usuario La parte de contenido será la región editable de esta plantilla
navegar porla página libremente de un sitio a otro realizada con html css y javasript.
En la región editable incluiremos javascript y flash en las dife-
rentes secciones.
1 * La retícula de la web de tempo se estructura
con 7 columnas verticales y 7 horizontales Tendrá en algunas secciones scroll vertical y en otras scroll ho-
separadas por un medianil de 12pt y sobre rizontal.
ella estructuraremos los contenidos del sitio.
2 3
Usaremos metáforas en la sección de alumnos concretamente
1. Cabecera (logotipo y menú secundario)1024x250px
en monográficos y las usaremos en los botones.(ilustraciones
2. Menú principal 250x563 px relacionadas con el estilo de baile).
3. Contenidos de la web 763x482
4. Footer 756x61
4
 Proyecto web

CONTENIDO
físico de la web...

Fondo e interfaz
LOGOTIPO FONDO DE LA WEB BOTONES ILUSTRACIONES
(iconos con metáfora)
 Proyecto web

CONTENIDO
físico de la web...
Sistemas de navegación

MENÚ PRINCIPAL MENÚ SECUNDARIO

ESTUDIOS
El menú principal está compuesto por 4 botones,
en los cuales colocamos en orden de jerarquía de
importancia las 4 secciones que en nuestra estruc-
tura de la web que consideramos más importantes
PROFESORES para nuestro usuarios y nuestro obetivo (captación
de clientes.
Para darle mayor importancia dentro de la web,
ALUMNOS hemos tratado gráficamente los botones de una
manera más vistosa y el menú se ha colocado a la
izquierda, simulando el orden de lectura en occi-
dente, de izquierda a derecha, siendo éste menú
¿QUÉ HACEMOS? junto con el logo lo primero que verá el usuario.
Cada botón del menú se despliega verticalmente
en forma de acordeón mostrando las sub secciones
de cada sección.
Inicio Quienes somos Noticias Contacto
El menú secundario será mucho más sencillo y se
colocará en un lugar visible (en la cabecera) el tra-
to de la tipografía con menor tamaño le adjudica a
éste menos importancia con respecto al otro.
MENÚ TERCIARIO
Este menú se encuentra en el footer y colocado en el sitio de menor
importancia dentro de la web abajo a la derecha la tipografía de los
botones irá con un tamaño menor y en el colocaremos contenidos de
menor importancia como el aviso legal el mapa web y la localización
de la empresa

Aviso legal Mapa web Localización

 Proyecto web
CONTENIDO
físico de la web...
Sistemas de navegación
SISTEMAS ALTERNATIVOS
Usaremos en la zona de monográficos unos botones basados en
metáforas relacionadas con cada estilo de baile.
Estos botones se basan en ilustraciones de partes representati-
vas del cuerpo u objetos relacionados con el estilo de baile.
Con el objetivo se seguir la línea de la estructura de la web no
lineal en la sección de profesores cuando cliquemos en algún
botón, por ejemplo currículum, pondremos en la pestaña de
arriba unas metáforas de los tres botones para poder navegar
de un lado a otro por la información del profesor.
1º
AYUDAS A LA NAVEGACIÓN
El logotipo de la empresa se usará a modo de botón que
re direcciona al home para ellos cuando el usuario pase
el ratón por encima aparecerá un texto debajo que ponga
inicio así el usuario sabrá que clicando en el logotipo irá a
la página de inicio.
INICIO
Cada link aparece de color de la tipograía del logotipo al
pasar por encima el ratón cambiará al color de los pétalos
del logotipo indicando que ahí hay información.
Dentro de cada sección en la región de contenidos indica-
remos en qué sección nos encontramos.
En el horario de la carrera profesional tendremos un bo-
tón por cada curso que al estar clicado cambiará de ta-
maño sabiendo em que curso nos encontramos.
2º 1º 3º
2º 3º 4º 4º 5º
5º
 Proyecto web
Teconologías y lenguajes
La maquetación básica de la web está basada en HTML y CSS.
Además para dar interactividad a la página usaremos:
* Flash (Action script) Las animaciones que haremos en flash esta-
rán en la seción de alumnos como un telón que se abre y cierra y
en la de monográficos como botones de cada curso que se imparte
en la escuela.
* JQuery Sobre todo en los menús de la plantilla y en la parte de
contenidos para crear scroll.
* Php En botones de envio etc..
Uso del color
El uso general del color en la web de tempo irá en clave alta esto
quiere decir que existirá poco contraste entre los colores de la web y
los tonos de los mismos estarán muy cercanos al blanco.
Como es una web corporativa respetaremos y usaremos los colores
del logotipo el naranja en pequeños maticews y el violeta abunndará
usando aparte del mismo una gama de pasteles cercanos a él.
Estrategia tipográfica
Con el objetivo de no tener problemas en la visualización de la pági-
na de tempo usaremos la Verdana como tipografía básica para tex-
tos y el menú y la Lucida sans para los títulos, dos tipografías que
contrastan bien con la elegida para las secciones en las que nos en-
contramos. Usamos estas tipografías ya que son seguras en internet
con lo que nos aseguramos que sea vista de la misma manera en
todos los navegadores y ordenadores desde los que se vea la web.
Los texto tendrán un tamaño de 11pt y el color violeta del logotipo
Los títulos irán a 20pt y con el naranja del logotipo
Además de la Verdana para los títulos de las secciones donde nos
encontremos usaremos la Neutreface 2 a un tamaño de 30 pt por lo
que podremos rasterizarla sin ningún problema a la hora de visuali-
zarla en pantalla. El color que usaremos es el naranja del logotipo.
 Proyecto web

CONTENIDO
físico de la web...
Recursos graficos
El logotipo será el único elemento corporativo de la página, el recurso vegetal es algo que suele acompañar en mu-
chas ocasiones al logotipo por lo que podemos considerarlo como otro elemento corporativo de la web.

Los elementos e imágenes se incluirán en la galería tendrán um scroll horizontal realizado em flash algo que rompe
com el resto de las secciones que poseen scroll vertical.

En la sección de horarios para los alumnos utilizaremos una ilustración de una telón del que aparecerá el horario
desde el lado izquierdo colocándose entre las cortinas del telón.

En cuanto al sonido incluiremos un reproductor de mp3 para actualizar los temas y que el usuario decida si escu-
char la música o no.

En la sección de monográficos las ilustraciones usadas como botón al cliclar sobre ellas nos indicará com um texto
qué asignara es y clicando em cada una desplegamos um cuadro com las características de esse baile.
Proyecto web

Y DESPUÉS DE TODO...
¿Qué sacamos con esto?
Conclusiones
El trabajo que conlleva una web necesita de mucho tiempo y paciencia

INTERNET es una gran vía de escape a la hora de no saber por donde tirar, ayuda a solucionar problemas y conocer
diferentes tipos de programaciones y efectos que nos pueden servir.

Hay que tener bien definido el briefing y el libro de estilos antes de maquetar la web.
Con los conocimientos que poseo he realizado el trabajo lo mejor posible y espero llegar en un futuro a realizar co-
sas muchisimo mejores