Proyecto Web

José Luis García Roldán

 ¿por que necesita una web?

Porque es una buena manera de

1. Introducción captar clientes y de atender a los que
ya son. Haciendo un estudio de la
competencia, y viendo que todas tienen
2. Briefing su propia web, con galerias de ropa,
eventos, etc. Nixnivis necesita llegar a
toda la gente posible y eso es gracias a
3. Libro de estilos la creación de una web.
4. Bocetos de la Web
El target
El target de mi empresa, son del
género femenino y masculino, con una
edad entre los 20 y 25 años, con una
posición económica media-alta, que
tengan el comun el gusto por el surf y
el snowboard.

5. Conclusiones
 Competencia

1. Introducción
Hydropnic

Es una página bastante pobre de con-

2. Briefing tenidos, y los dos de los tres elementos
del menu superior te llevan a la misma
página. No tiene enlaces a redes socia-
3. Libro de estilos les, y tiene un supuesto blog, pero al
entrar no parece estar en funciona-
miento.
4. Bocetos de la Web

5. Conclusiones
 Competencia

1. Introducción
DC
La pagina de inicio tiene poca informa-
ción y demasiadas imagenes. Contiene
2 menús uno lateral dedicado a los
2. Briefing deportes en los que aparece la marca,
y el menu superior, en el que aparece
la tienda virtual y localizador de tien-
3. Libro de estilos das. Los enlaces a La tienda on-line
está un poco mejor organizada, divida
por las seciones de hom-bres mujeres
4. Bocetos de la Web y niños, y siempre hay un menú lateral
mientras estas viendo las prendas.

5. Conclusiones
 Competencia

1. Introducción
Quiksilver
La presentación es limpia y
ordenada.Tiene una estructura de una
columna, con el menu en la parte supe-
2. Briefing rior. En la parte inferior de la pagina
colocan los enlaces de las redes socia-
les, en los que se pueden seguir los
3. Libro de estilos eventos y noticias de la marca.

4. Bocetos de la Web

5. Conclusiones
 Competencia

1. Introducción
Volcom
Tiene un diseño algo más agresivo que
las demás, aparen-ta un desorden
ordenado. En la parte superior se
2. Briefing encuentra el menú, bastante extenso,
en la parte inferior del menu un enlace
en grande a alguna sección o noticia.
3. Libro de estilos Es una de las páginas más completas,
ya que tiene hasta una sección propia
de arte, fondos de pantalla, etc.
4. Bocetos de la Web

5. Conclusiones
 Competencia

1. Introducción
O’Neill
La página se divide en dos totalmente
diferente la parte de mujer y de
hombre, que te llevan a paginas
2. Briefing diferentes.En la de hombres, tiene el
menu en la parte superior,en la parte
central de la pagina se muestra una
3. Libro de estilos animación flash dividico en 3 colum-
nas, que cada una te lleva a una sec-
ción.
4. Bocetos de la Web

5. Conclusiones
 Competencia

1. Introducción
Protest
Tiene un diseño bastante ordenado y
organizado realizado en Flash. En el
lateral izquierdo se encuentra el menú.
2. Briefing En el centro se muestran los conteni-
dos dividos en trés columnas. Es la
página que mejor juega con el diseño
3. Libro de estilos haciendola bastante agradable al nave-
gar y muy organizada. La galeria es la
que mas me ha gustado de toda la
4. Bocetos de la Web compe-tencia.

5. Conclusiones
 Competencia

1. Introducción
REEF
La página se divide en dos la partes,
de mujer y de hombre, que te llevan a
paginas diferentes.En ambas la distri-
2. Briefing bución de los menus es la misma, lo
único que cambia son los contenidos y
el tema.Está bien organizada con un
3. Libro de estilos menú superior, en el que aparte de
llevarte a las secciones típicas, tiene
un apartado el cual te lleva a la revista
4. Bocetos de la Web on-line que tienen (es la única que
tiene revista on-line en pdf).

5. Conclusiones
 Competencia

1. Introducción BILLABONG
 La página de Billabong se inicia con
una portada donde te divide entre con-
2. Briefing tinentes y sexo. Al abrirlo, son paginas
totalmente distintas, destinadas unas a
chicas y la otra a chicos. Cada pagina
tiene su equipo de riders, sin embar-go
3. Libro de estilos
solo la página de chicas tiene blog.Con
respecto a la tienda on-line está bas-
tante organizada
4. Bocetos de la Web

5. Conclusiones
 Competencia

1. Introducción
RIP CURL
En la pagina de Rip Curl sucede igual
que la anterior, que esta dividida por
región y por sexo, cada uno tiene una
2. Briefing página totalmente diferente. Estructura
de 1 columna. Ya dentro de cada una,
esta contiene eventos que realiza la
3. Libro de estilos marca, videos noticias, la gente
esponsorizada.La tienda on-line está
en otra pagina, en la que arriba se
4. Bocetos de la Web coloca un menu clasificando entre
hombres, mujeres y niños
Las prendas las muestran de forma
5. Conclusiones organizada en galeria de imagenes en
filas y columnas.
 Comparativa

Tienda Tienda Revista

Home Blog Música/TV Team Noticias Eventos 2.0
Online física Online

Pukas Si No Si No Si Si No No Si No

Hidroponic Si Si Si No No No No No Si No

1. Introducción
DC Si No Si Si Si Si Si Si Si No

Quicksilver Si Si Si Si Si Si Si Si Si No

2. Briefing Volcom Si Si Si Si Si Si Si Si Si No

O’neall Si No Si Si Si Si Si No Si No

3. Libro de estilos Element Si No Si Si Si Si Si No Si No

Protest Si Si Si Si Si Si Si Si Si No

4. Bocetos de la Web Reef Si No Si Si Si Si Si Si Si Si

Billabong Si Si Si Si Si Si Si No Si No

5. Conclusiones Rip Curl Si No Si Si Si Si Si Si Si No

 Arquitectura

Mapa web

Sección en la
Dedicada a los Selección de que se muestra Aquí los usuarios
campeonatos y fiestas la música más distintos destinos se podrán poner en
Acceso al catalogo realizadas alrededor escuchada en donde hacer contacto con la
Pagina de inicio. de ropa. del mundo. este mundillo. snow y surf. empresa.

Home Tienda Eventos Música Descubre Contacto

1. Introducción
Nacional Internacional Nacional Internacional

2. Briefing Mujer Hombre

Camisetas Camisetas
Bañadores Bañadores

3. Libro de estilos
Sudaderas Sudaderas

4. Bocetos de la Web

5. Conclusiones
 Punto fuerte

1. Introducción
1
Sección con la revista en pdf.

2
2. Briefing Sección de meteorología en la que se
pueden consultar.

3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones
 Distribución
de espacios

850 px
Links 2.0
Menu principal 650 px

1. Introducción

2. Briefing Contenido
3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones Footer
 Distribución
de espacios

850 px
Links 2.0
Menu principal 650 px

1. Introducción sección 3
sección 1 sección 5

2. Briefing

3. Libro de estilos
sección 2 sección 6
sección 4
4. Bocetos de la Web

5. Conclusiones Footer
 Tipología

Esta es una web corporativa, en la que

la información sobre la empresa es
1. Introducción secundaria, dandole más importancia a
los productos que vende y a la comuni-
dad a la que pertenece.
2. Briefing

3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones
 Navegación

Menús y Submenús
- Los menús van a ser aparte de los
elementos animados, voy a colocar
un menú permanente en la parte
superior en el que se encuentren
todas las secciones
- Una zona que aparecera en byn y
cuando se pase el ratón por encima
1. Introducción se iluminara.
- En la parte inferior se colocara el
footer
2. Briefing

3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones
 Uso del color

Colores principales:

Textura usada para decorvación

1. Introducción

2. Briefing Fondo de la página

3. Libro de estilos

4. Bocetos de la Web
Fondo del escenario

5. Conclusiones
 Boceto de la web

1. Introducción

2. Briefing

3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones
 Conclusiones

Las conclusiones.....
- Fidelizar a los usuarios para que
consulten la web y así vean ofertas y
noticias.
- Debido a la competencia de mi sector
y su fuerte nivel económico no puedo
1. Introducción situarme a su altura y he de situar la
página en un escalafón inferior.
- La indagación no es mala del todo,
2. Briefing pero el libro de estilos está bastante
flojo.

3. Libro de estilos

4. Bocetos de la Web

5. Conclusiones