You are on page 1of 47

.

com

PROYECTO WEB
Briefing
¿PARA QUE NECESITA GAUDEAMUS UNA WEB?

Cada vez es más frecuente recurrir a Internet para buscar infor-


mación acerca de una empresa, negocio o persona.
Cuando estamos interesados en algun producto o servicio
buscamos el sitio web de la empresa o negocio para obtener
más información.
Por eso es imprescindible para Gaudeamus, la cual es una em-
presa relativamente joven, darse a conocer en Internet.
Gaudeamus es una empresa joven, pues solo lleva un año
funcionando, dedicada a la organización de eventos de ambito
Nacional. Su oficina central se encuentra en Granada, por lo
tanto, necesita expandirse para ser conocida en toda España y
la herramienta para ello más eficaz es Internet.
Para ello necesita como herramienta una pagina web, con la
que conseguira captar nuevos clientes informandoles de
todos nuestros servicios y fidelizar a los que ya han confiado
en la empresa con anterioridad.
POSICIONAMIENTO Y TARGET

TARGET

El publico objetivo se compone de hombres y mujeres de mediana edad, con un


poder adquisitivo medio-alto o alto.
Estas personas carecen de tiempo para organizar su evento, o simplemente pre-
fieren confiar su evento a profesionales del sector.
Son clientes exigentes que pagan por conseguir sorprender a sus invitados y por
no tener que preocuparse de organizar ellos mismos su evento.

POSICIONAMIENTO

En el sector de la Organización de Eventos, hay un gran numero de empresas


dedicadas a la Organización de Eventos para empresas, siendo bastante menos
el numero de empresas orientadas a los particulares.
Gaudeamus se dedica tanto a las empresas como a los particulares y éste va a
ser un rasgo diferenciador de Gaudeamus frente a la competencia.
ANÁLISIS DEL SECTOR

A continuación vamos a prodeceder a analizar las paginas web de empresas que al igual que
Gaudeamus, van destinadas a los partculares o empresas, o solo a los particulares, ámbito
donde Gaudeamus pretende ser la líder del sector.
ANÁLISIS DEL SECTOR

organizareventos.com

Es la web de una empresa valenciana de ámbito nacional que


ofrece sus servicios tanto a empresas como a particulares.
ANÁLISIS DEL SECTOR

ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior derecha,


siendo este el unico elemento de la cabecera.

Menú

- Quiénes somos
- Qué podemos hacer
- Qué significa evento
- Nuestra filosofía
- Contacte con nosotros

Retícula

Usa una estructura de 2 columnas. una para el menú y


la otra para la información.
Cuando la información rebasa la longitud de la página
principal, se usa el scroll.

Color

Blanco y malva principalmente y naranja en menor


medida.
Usa los recursos gráficos de los cuadrados para el
background.
DISEÑO

El diseño es bastante pobre.


En mi opinión es poco atractiva e insulsa.
No existe Galeria de fotografías ni fotografías
en general.
Hay mucha masa de texto y las columnas del
texto son quizás un poco anchas.

CONCLUSIONES

A FAVOR:

La navegación es sencilla.
Los textos son persuasivos, consiguen dar ar-
gumentos sobre porqué has de contratar una
empresa para que ooganice tu evento.

EN CONTRA:

Te convencen de contratar a una empresa,


pero no a esa, por su falta de creatividad en
cuanto a su página web.
ANÁLISIS DEL SECTOR

unityeventos.com

Esta web trabaja en ámbito nacional y ofrece sus


servicios tanto a empresas como a particulares.
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y en la parte derecha el nombre de la web.

Menú

- Unity eventos (quiénes son)


- Particulares
- Empresas
- Eventos (es una galería de fotos)
- Contacto

Retícula

Usa una estructura de 2 columnas. En la izquierda hay


una fotografía que cambia según la sección y la otra
columna es solo de información o descripción.
Siempre se mantiene el mismo tamaño de página.

Color

Usan los colores corporativos: negro, gris y blanco


para las tipografías del texto.
Como recurso gráfico usan el anagrama del logoti-
po para el fondo.
ANÁLISIS DEL SECTOR

DISEÑO

Es una web moderna y elegante, por el uso del


color y la elección de las fotografías.
Buen uso de la identidad corporativa.
Estructura sencilla y fácil navegación.

CONCLUSIONES

A FAVOR:

El uso de los colores favorecen el sentido de la


elegancia y de la seriedad.
Fácil navegación.
Existencia de una galería de fotos con ejem-
plos de eventos organizados por ellos.
Posibilidad de navegar en inglés.

EN CONTRA:

Poca información. En las secciones de Particu-


lares y Empresas, sólo nombran los tipos de
eventos que realizan, no dan más detalles.
ANÁLISIS DEL SECTOR
myseventos.com

Myseventos.com es una empresa malagueña dedicada a la


Organización de eventos para particulares y empresas.
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y en la parte derecha está situado el menú.

Menú
- Inicio
- Mys eventos
- Gracias! (agradecimientos de clientes)
- Dónde estamos
- Contacto
- Fotos

Retícula

Usa una estructura de 2 columnas. En la izquierda hay


un submenú dividido en “Particulares” y “Empresas”
y en la derecha va la informacíon de cada una de las
secciones del menú o del submenú.
Se hace necesario el uso del scroll.

Color

Usan los colores corporativos (verde y azul) para el


menu superior. En el resto de la página no encon-
tramos ninguna coherencia cromática.
ANÁLISIS DEL SECTOR

DISEÑO

Es una web bastante pobre.


Mal uso de la identidad corporativa.
La Home es la única que se queda con un tro-
zo de la pagina en blanco. Ese trozo se rellena
de info cuando accedes a alguna sección.
Poca jerarquía de elementos.

CONCLUSIONES

A FAVOR:

Da bastante información.

EN CONTRA:

Página un poco caótica en general.


En la galería de fotos, cuando pinchas en algu-
na, ocupan más que la pantalla y no hay op-
cion de zoom (ni negativo ni positivo).
Poca limpieza visual.
ANÁLISIS DEL SECTOR

eventrhopology.com

Es una web madrileña que trabaja para toda España y que se dedica a la
Organización de eventos corporativos y privados.
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y en la parte derecha está situado el menú.

Menú
- Quiénes somos
- Servicios
- Empresas
- Particulares
- Clientes
- Contacta

Retícula

Usa una retícula diferente según la sección del menú


en la que el usuario se encuentre.

Color

Siempre usa el color malva más oscuro para el back-


ground, y otro más claro para situar la información.
Las tipografías siempre vamn en color blanco, para
dar más legibilidad.
ANÁLISIS DEL SECTOR

DISEÑO

El diseño de esta web, es diferente según la


sección donde el usuario se encuentre, que-
dando unas páginas muy recargadas y otras
pobres.
No creo acertado el uso de fotografías, por
situación en la página ni por su adaptabilidad
con el color de fondo.

CONCLUSIONES

A FAVOR:

Está disponible en español y en inglés.


Fácil navegación.

EN CONTRA:

Diferentes retículas.
Poca limpieza visual.
El color de fondo es cargante y no queda bien
con color rojo del logotipo.
En general, mala eleccion de los colores.
ANÁLISIS DEL SECTOR

elkarbi.com

Empresa organizadora de eventos vasca.


Sólo trabajan para el País Vasco, La Rioja y Navarra.
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y en la parte derecha está situado el menú.

Menú
- ¿Quiénes somos?
- ¿Qué hacemos?
- Nuestros clientes
- Presupuestos
- Contacto

Retícula

La retícula es la misma siempre puesto que la Home


es la única página que hay.

Color

Usa diferentes tonalidades del mismo verde, el cual


es el del anagrama del logotipo.
Para las tipografías usa el blanco para las que tienen
fondo y para el rsto, el negro.
Por tanto, es coherente con su identidad corporativa
ANÁLISIS DEL SECTOR

DISEÑO

El diseño de esta web, es sumamente simple.


Aporta muy poco al usuario, excepto por el
uso del color, que al ser un color llamativo,
capta la atención del usuario.

CONCLUSIONES

A FAVOR:

Uso efectivo de la identidad corporativa.

EN CONTRA:

El menú superior, en realidad parece ser que


no es un menú, puesto q no se puedo acceder
a ningun sitio desde él.
En realidad, el menú sería las palabras que hay
debajo de “Fases del evento”, ya que cuando
pasas el ratón por encima, el cuadro verde de
al lado, cambia el texto.
Página inmensamente simple, poco aclaratoria
y menos efectiva.
ANÁLISIS DEL SECTOR

hevents.com

Empresa madrileña dedicada a la organización de eventos tanto


para empresas como particulares en el ámbito nacional
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y a su derecha hay situado 3 links para Inicio, Condi-
ciones y Aviso legal

Menú
- Quiénes somos
- Evento social
- Evento de empresa
- Creatividad audiovisual
- Crea tu evento
- Contacta con nosotros

Retícula

Excepto en la Home que hay 3 columnas, en el resto


se sigue una retícula de 2 columnas.

Color

Utilizan los colores del logotipo, para los nombres


de secciones o titulares el azul y las tipografías usa
el blanco, por lo que el fonde es negro, como debe
ser para que haya óptima legibilidad.
Por tanto, es coherente con su identidad corporativa
ANÁLISIS DEL SECTOR

DISEÑO

El diseño de esta web, es un poco cutre.


Los textos de las columnas rebosan en algu-
nas secciones, los textos están poco cuidados,
incluso hay alguna falta de ortografía.
Es una página poco dinámica y aburrida.

CONCLUSIONES

A FAVOR:

Bastante información.

EN CONTRA:

El uso del blanco/negro que hacen durante


toda la página es muy cansino.
Los textos están mal maquetados.
Para volver de una página a la home, sólo se
puede hacer desde el link de Inicio que hay
en la parte superior de la página, que además
está poco visible.
ANÁLISIS DEL SECTOR

sanva.com
ESTRUCTURA

Cabecera

El logotipoestá situado debajo del menú pirncipal, el


cual se encuentra centrado en la parte superior de la
página.

Menú Superior
- Empecemos
- Lo que hay detrás
- Soy particular
- Quiero saber más

Retícula

La retícula consta de una estructura de 2 columnas,


una muy estrecha para un submenú vertical que cam-
bia según la sección del menú en que se haya clikea-
do, y otra ancha para la información.
Color

Usan los colore corporativos, el naranja para titula-


res y el violeta para el menú principal y para desta-
car información del texto. Para el resto de los textos,
el negro.
Para el fondo el blanco, que aporta cierta limpieza.
ANÁLISIS DEL SECTOR

DISEÑO

El diseño de esta web es bastante sencillo.


No aporta nada nuevo e incluso diría que peca
de simple.

CONCLUSIONES

A FAVOR:

Uso efectivo de la identidad corporativa.

EN CONTRA:

Poca información.
Poca originalidad.
Mala eleccion de las imágenes en general.
El menú vertical no es fácil de notar.
ANÁLISIS DEL SECTOR

makyre.com

Empresa malagueña de Organización de Eventos y Congresos que


trabaja en ámbito nacional y además posee un gabinete de prensa.
ESTRUCTURA

Cabecera

El logotipo se encuentra en la parte superior izquierda


y en la parte derecha está situado el menú.

Menú
- La agencia
- Servicios
- Trabajos
- Referencias (opiniones de clientes, expertos y
prensa)
- Noticias
- English

Retícula

Usa una estructura de 2 columnas. En la izquierda en-


contramos un submenú vertical que nos indica dónde
estamos y nos muestra otras opciones.
La 2ª columna, 2/3 partes mas ancha, muestra la info.

Color

Usan un gris oscuro para el background de la home,


pero en el resto, el fondo es blanco y las tipografías
negras.
ANÁLISIS DEL SECTOR

DISEÑO

Es una web muy moderna y elegante, por el


uso del color y la elección de las fotografías.
En la Home sólo muestra el menú y el resto
son imágenes de eventos en flash, que cam-
bian pasados unos minutos.
Tiene un diseño muy trabajado y original.

CONCLUSIONES

A FAVOR:

Web elegante, moderna y original.


Existencia de una galería de fotos con ejem-
plos de eventos organizados por ellos.
Posibilidad de navegar en inglés.
Las secciones del menú ppal se despliegan
cuando se pasa el raton por ellas, mostrando
opciones adicionales.
Web dinámica.

EN CONTRA:

Muchos elementos en una sóla web.


Quieren abarcar tanto, que se hace un poco
infinito.
CONCLUSIONES

La gran mayoria de las paginas web del sector, contienen poca informa-
ción sobre los servicios que realizan, se limitan a noambrarlos solamente.
Gaudeamus.com innovará en este sentido, aportando más información,
la cual será explicativa y persuasiva para captar a los futuros clienetes y
fidelizar a los que ya han adquirido nuestros servicios con anterioridad.

En cuanto al DISEÑO:

-Navegación rápida y sencilla: encontramos lo que


buscamos con pocos click (como máximo tres).

-Uso de los colores corporativos: para hacer dotar a la web de identidad.


Trabajar con animaciones en Flash para dar un sentido de dinamismo a
la web, sin ser excesivo.

- Añadir enlaces a redes sociales.

- Incluir una sección de Galería para mostrar eventos realizados por la


empresa.
NECESIDADES EMPRESA VS CLIENTE

EMPRESA CLIENTE

- Vender sus servicios - Información sobre lo que ofrecemos

- Promoción de sus servicios - Garantía de buenos servicios

- Fidelización antiguos clientes - Claridad de contenidos

- Captación nuevos clientes - Facilidad de navegación

- Inspirar confianza

- Transmitir seguridad
Libro de
Estilos
ESTRUCTURA DE LA WEB

Gaudeamus.com será una web concisa que constará de:

Top Menú:
- Quienes Somos
- Servicios
- Particulares
- Empresas
- Galería
- Contacto

La estructura de la web se dividirá en 3 MÓDULOS:

- Primer módulo (izquierdo): Submenú vertical.

- Segundo módulo (central): Información sobre la sección de submenú elegida.

- Tercer módulo (derecho): Fotografía + Eslogan en Flash.


PUNTO FUERTE DE LA WEB

El punto fuerte de la web sería la sección de SERVICIOS, ya que in-


dependientemente del tipo de cliente potencial que entre en la web
(particular o empresa), siempre se interesarán por los servicios que
ofecemos.
El objetivo en este punto será dar información precisa sobre cada tipo
de servicio que ofrecemos e intentar que este apartado se vea claro y
conciso.
DISTRIBUCION DE ESPACIOS

Maquetación de ancho fijo: 960px

Con un largo de 640px, evitando el


scroll vertical.

Contenido centrado en el navegador.


960 px

640 px
DISTRIBUCION DE ESPACIOS: Reticula

Nº columnas: 12

Ancho columna: 60px

Medianil: 20 px

60px
DISTRIBUCION DE ESPACIOS

HOME

960 px

RED
REDES
D S IDIO
OMAS
M
IDIOMAS
LOGO
OT
TIPO
LOGOTIPO
SOCIALES
S
SOC
C A
ALES
S

TOP
P MENÚ

640 px
FOTOGRAFÍAS
F
FOTOG
GR
RAFÍAS
S

FOOTER
FOO
OT
TER
DISTRIBUCION DE ESPACIOS

MENUS

960 px

ESP
ES
SP / ENG

TOP MENÚ

640 px

SUBMENÚ FOTOGRAFÍA
INFORMACIÓN

FOOTER

240 px 320 px 400 px


MÓDULO 1 MÓDULO 2 MÓDULO 3
3 columnas 4 columnas 5 columnas
DISTRIBUCION DE ESPACIOS

GALERIA

960 px

RED
REDES
DES IDIOMAS
IDIO
OMAS
M
LOG
GOT
TIPO
LOGOTIPO
SOCIALES
S
SOC
C A
ALES
S

TOP MENÚ
TOP

640 px

FOTOG
F GRA
AFÍAS
S
FOTOGRAFÍAS

FOOTER
FOO
OT
TER

480 px 480 px
MÓDULO 1: Fotografías miniatura MÓDULO 2: Fotografía elegida
6 columnas 6 columnas
SISTEMA DE NAVEGACION

MENÚ SUBMENÚ

- La empresa
QUIENES SOMOS - Equipo

- Cátering
- Decoración
SERVICIOS - Producción
- Gestión
- Diseño
- Entretenimiento

- Bodas
- Bautizos y Comuniones
PARTICULARES - Fiestas privadas
- Pedidas de mano
- Despedidas

- Presentación de productos
- Ferias y Exposiciones
EMPRESAS - Convenciones
- Eventos deportivos
- Incentivos
- Congresos y Conferencias
USO DEL COLOR

La web va a utilizar los colores corporativos de la empresa,


para darle más entidad y que sea más facilmente reconocible.
El uso de los colores se van a distribuir:

TOP MENÚ Y TONALIDADES FOTO- C= 26; M=100; Y=78;


K=23

MÓDULO DE INFORMACIÓN C= 30; M=20; Y=60;


K=0

C= 68; M=59; Y=51;


FOOTER Y SUBMENÚ
K=34

Degradado de blanco a
CABECERA Y BACKGROUND
gris

MÓDULOS HOME, GALERIA Y


CONTACTO
USOS TIPOGRAFICOS

Para las secciones y el submenu, usaremos la tipografia DROID SERIF BOLD a


18 puntos el menú y para el submenú su versión REGULAR
abcdefghijklmnñopqrstu
vwxyz
abcdefghijklmnñopqr
stuvwxyz
1234567890
“!”#%&/()=*,;.:

Para el texto de información usaremos la tipografía VERDANA a 12 puntos

abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxy
z
1234567890
“!”#%&/()=*,;.:

Para el texto de Slogans usaremos la tipografía SERIF MEDIUM ITALIC a 12 puntos

abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxyz
1234567890
“!”#%&/()=*,;.:
ELEMENTOS WEB

MENÚ Y SUBMENÚ:

Al clicar sobre la sección, ésta cambiará del color rojo


QUIENES SOMOS QUIENES SOMOS
inicial al amarillo corporativo.

En el submenú ocurre lo mismo, cuando elegimos una


subsección, la pestaña pasa de gris a amarillo. congresos y conferencias congresos y conferencias

HOME:

Las fotografias apareceran en Flash saliendo de la iz-


quierda y cada fotografía incorporará un eslogan que
saldrá tambien en Flash, pero desde la derecha de la
pantalla.

GALERÍA:
Al pasar con el ratón sobre las fotografías, aparece
un velo sobre ellas, cuyo color es el rojo corporativo
en un 40% de opacidad

SERVICIOS, PARTICULARES Y EMPRESAS:


Las fotografías siempre tendrán la tonalidad del
rojo corporativo.
LA WEB

HOME

ESP / ENG

QUIENES SOMOS SERVICIOS PARTICULARES EMPRESAS GALERÍA CONTACTO

Información corporativa | Copyright ©Gaudeamus, S. A. 2011, Todos los derechos reservados © | Aviso legal | Política de Privacidad | Gestión publicitaria
LA WEB

EMPRESAS

ESP / ENG

QUIENES SOMOS SERVICIOS PARTICULARES EMPRESAS GALERÍA CONTACTO

Presentación de productos Organizamos congresos de acuer- Sabemos lo que usted necesita y lo que su cliente espera
do a sus características propias,
desarrollando todas las fases del
Ferias y Exposiciones congreso desde la planificación y
su puesta en marcha.
En la fase de planificación defi-
convenciones nimos claramente los objetivos y
analizamos los sectores implica-
dos. Clarificamos y desarrollamos
congresos y conferencias los objetivos del congreso y esta-
blecemos los puntos a desarrollar
para su realización y éxito del
Eventos deportivos mismo. Dentro del contesto de la
comunicación organizamos confe-
rencias para el mundo empresa-
Incentivos rial, exponemos al público

Información corporativa | Copyright ©Gaudeamus, S. A. 2011, Todos los derechos reservados © | Aviso legal | Política de Privacidad | Gestión publicitaria
LA WEB

GALERIA

ESP / ENG

QUIENES SOMOS SERVICIOS PARTICULARES EMPRESAS GALERÍA CONTACTO

Información corporativa | Copyright ©Gaudeamus, S. A. 2011, Todos los derechos reservados © | Aviso legal | Política de Privacidad | Gestión publicitaria
María Velázquez Martín 2ºA

You might also like