Presentacion Proyecto Web

.com

PROYECTO WEB

Briefing

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.

¿PARA QUE NECESITA GAUDEAMUS UNA WEB?

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.vamos 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.

POSICIONAMIENTO

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 Y TARGET

a continuación vamos a prodeceder a analizar páginas web del sector, destacando lo que nos ha parecido interesante de cada una de ellas y lo que nos gutaría aprovechar para la web de Gauedamus.

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.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.Menú

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

Cabecera

el logotipo se encuentra en la parte superior derecha, siendo este el unico elemento de la cabecera.

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.

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.


unityeventos.com

esta web trabaja en ámbito nacional y ofrece sus servicios tanto a empresas como a particulares.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.

Menú

- unity eventos (quiénes son)- Particulares- empresas- eventos (es una galería de fotos)- Contacto

Cabecera

el logotipo se encuentra en la parte superior izquierda y en la parte derecha el nombre de la web.

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.

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.


myseventos.com

Myseventos.com es una empresa malagueña dedicada a la organización de eventos para particulares y empresas.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.Menú

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

Cabecera

el logotipo se encuentra en la parte superior izquierda y en la parte derecha está situado el menú.

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.

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.


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.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.

Menú- Quiénes somos- servicios- empresas- Particulares- Clientes- Contacta

Cabecera


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.

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.


mc-catering.com

empresa de cátering dedicada a la organización de eventos para empresas y particulares para toda españa.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.

Menú- visión- MC Particulares- MC empresas- noticias- Contacto

Cabecera

el logotipo se encuentra centrado en la parte superior y debajo suya está situado el menú.

Retícula

usa una estructura de 2 columnas.en la derecha hay una fotografía que cambia según la sección y la otra columna es solo de información o descripción. dentro de cada sección del menú, la columna izquier-da se convierte en un sub-menú y la columna dercha pasa a contener la información.siempre se mantiene el mismo tamaño de página.

Color

usan el color corporativo, el marron para el back-groun y para las tipos de la secciones, para la infor-mación usa el blanco.

a Favor:

el uso de los colores favorecen el sentido de la elegancia y de la seriedad.Fácil navegación.Posibilidad de navegar en inglés.

en Contra:

no tiene sección “Quiénes somos”, segura-mente, hay clientes que les gustaría saberlo.


elkarbi.com

empresa organizadora de eventos vasca.sólo trabajan para el País vasco, la rioja y navarra.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.

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

Cabecera


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

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.


hevents.com

empresa madrileña dedicada a la organización de eventos tanto para empresas como particulares en el ámbito nacional


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.

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

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

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

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.


sanva.com


DISEÑO

CONCLUSIONES

el diseño de esta web es bastante sencillo.no aporta nada nuevo e incluso diría que peca de simple.

Menú Superior- empecemos- lo que hay detrás- soy particular- Quiero saber más

Cabecera

el logotipoestá situado debajo del menú pirncipal, el cual se encuentra centrado en la parte superior de la página.

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.

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.

ESTRUCTURA


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.


DISEÑO

CONCLUSIONES

ESTRUCTURA

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.Menú

- la agencia- servicios- trabajos- referencias (opiniones de clientes, expertos y prensa) - noticias- english

Cabecera


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.

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.

Libro de Estilos

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.

ESTRUCTURA DE LA WEB

PUNTO FUERTE DE LA WEB

El punto fuerte de la web sería la sección de SERVICIOS, ya que independiente-mente 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

640 px

960 px

Maquetación de ancho fijo: 960px

Con un largo de 640px, evitando el scroll vertical.

Contenido centrado en el navegador.

Navegador reticular para textos en hipertexto.

DISTRIBUCION DE ESPACIOS: Reticula

Nº columnas: 12

Ancho columna: 60px

Medianil: 20 px

60px

HOME


REDESSOCIALES

LOGOTIPOIDIOMAS

TOP MENÚ

FOTOGRAFÍAS

FOOTER

REDSOCS

DC

SSALESS

SA

LOGO

TOP

FOTOG

FOO

O

P

F G

O

TIPO

MENÚ

RAFÍAS

TER

T

MENÚ

R S

T

IDIOOMASM

640 px

960 px

ESP / ENGSP / ENGES

SUBMENÚ INFORMACIÓNFOTOGRAFÍA

TOP MENÚ

FOOTER

MENUS


640 px

240 px 320 px 400 px

960 px

MÓDULO 13 columnas

MÓDULO 24 columnas

MÓDULO 35 columnas

GALERIA

REDESSOCIALES

LOGOTIPOIDIOMAS

TOP MENÚ

FOTOGRAFÍAS

FOOTER

REDSOCS

DC

SSALESS

EA

LOG

TO

FOO

GO

P

O

TIPO

MENÚ

TER

T

MENÚ

T

FOTOGF G AFÍASRA S

IDIOOMASM


640 px

960 px

480 px 480 px

MÓDULO 1: Fotografías miniatura6 columnas

MÓDULO 2: Fotografía elegida6 columnas

MENÚ SUBMENÚ

SISTEMA DE NAVEGACION

QUIENES SOMOS- La empresa- Equipo

SERVICIOS

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

PARTICULARES

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

EMPRESAS

- Presentación de productos- Ferias y Exposiciones- 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 FOTOGRAFÍAS

MÓDULO DE INFORMACIÓN

FOOTER Y SUBMENÚ

CABECERA Y BACKGROUND

C= 26; M=100; Y=78; K=23

R=156; G=18; B=45

C= 30; M=20; Y=60; K=0

R=195; G=188; B=121

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

R=78; G=79; B=82

Degradado de blanco a gris

Para las secciones y el submenu, usaremos la tipografia DROID SERIF a 18 pun-tos el menú y a 12 el submenú

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

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

USOS TIPOGRAFICOS

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 za b c D E F g h I j k l m n ñ O P q R S t u v w x y z1 2 3 4 5 6 7 8 9 0“ ! ” # % & / ( ) = * , ; . :

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 zA B C D E F G h I j K L M N ñ O P Q R S T U V w x Y z1 2 3 4 5 6 7 8 9 0“ ! ” # % & / ( ) = * , ; . :

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 zA b C D E F g h I j k L M n ñ o P q R S T U v w x y z1 2 3 4 5 6 7 8 9 0“ ! ” # % & / ( ) = * , ; . :

ESP / ENG

QUIENES SOMOS SERVICIOS PARTICULARES EMPRESAS GALERÍA CONTACTO

Presentación de productos

Ferias y Exposiciones

Convenciones

Eventos deportivos

Incentivos

Congresos y Conferencias

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

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

Cuando pulsamos sobre una sección, las letras q estaban en rojo, pasan a amarillas para indicar que estamos en la sección elegida.

En el submenú ocurre lo mismo, cuando elegimos una subsección, la pestaña pasa de gris a amarillo.

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

Las fotografias apareceran en Flash saliendo de la izquierda y cada fotografía incorpora-rá un eslogan que saldrá tambien en Flas , pero desde la derecha de la pantalla.

ELEMENTOS GRAFICOS

María Velázquez Martín 2ºA

Presentacion Proyecto Web

Documents

Transcript of Presentacion Proyecto Web