Presentacion Proyecto Web Halconair

HalconCompañia aerea

Proyecto

Mateo Hurtado Fernandez

web

Proyecto


web ¿Qué es Halconair?

Halconair es una empresa de bajo coste

Compañia que realiza un tipo de vuelos diferentes al resto

Usando el humor y el entretenimiento

Proyecto


web ¿Para qué una Web?

- Publicidad: Información de las ofertas queestan disponibles.-Accesibilidad: Actualmente el uso de internetesta totalmente generalizado, esto ayudariaal conocimiento de la empresa sin haber usadosus servicios antes.-Información: Proporcionar mucha informacióngracias al hipertexto, además de informaciónde rutas, horarios y ofertas para ayuda delcliente. - Promoción: Poder promocionar los servicosque ofrece la empresa.

Proyecto


web Primera indagaciónCriterios de elección

Las compañias en las que se debe �jar la empresason aquellas low cost con un ambito parecido al nuestro, un ambito nacional pero a su vez con otrosdestinos internacionales de todo el mundo, estascompañias deben ser españolas y de bajo costecomo estas:

Iberia Clickair(Vueling) AirEuropa Ryanair EasyJet Lufthansa

Proyecto


web Primera indagación

En la pagina de vueling y declickair, nos encontramos conun diseño sencillo y simplees una página multilenguaje.Esta dividida por cajas en lascuales estan de distinto colordonde se colocan el menu, las ofertas, las reservas dehoteles, coches, vuelos ytambien de precios. Usan la web de modo muy sintético y de forma facil de usar.

Tiene un menu superior, unanuncio �ash, un buscador dereservas y un footer con lasopciones de la empresa y losasuntos legales. Tambientiene ofertas y un numero detelefono de reservas.

Proyecto



Secciones

-Check-in online

-Ciudades vueling

-Productos y servicios

-Cambios e itinerarios

-Información útil

-Programa punto

Proyecto



Es una pagina de español e ingles, nos encontramos conotra pestaña de reservas, unmenu superior, un anuncio�ash en la portada, la entradade usuarios para recibirofertas, accesos rapidos y un banner lateral de publicidad.En accesos rapidos encontra-mos buscar mapa, por preciohorarios, por eventos o porferias.

Tiene un deseño de la cabeceracon el logotipo un menu arribay un footer donde se coloca lainformación basica de la empresa.

Proyecto



Secciones

-Ofertas de vuelo

-Gestión de reservas

-Auto-check online

-Información

-Grupo Iberia

-Iberia Plus Empresa

Proyecto



Nos encontramos con unaweb muy corporativa, conbuen diseño, tambien hayuna pestaña de reservastambien multilenguaje,ofertas y publicidad.

Un gran menu superiorde facil uso y visión, el cualte da mucha facilidad demanejo, un footer conque tambien contieneinformacion corporativa,derechos, y tambienmedios de comunicación.

Proyecto



Secciones

-Hoteles y apartamentos

-Alquiler coches

-Seguros de viaje

-Albergues

-Transporte aeropuerto

-Salas vips

Proyecto


web Conclusiones primera indagación

Páginas estáticas

Funcionales pero con poca interacción

Pestaña de busqueda y compra de vuelos(No podemos progamar esa base de datos)

Centraremos en la promoción de nuestrosproductos (Agencia de viajes)Necesitamos una segunda indagación

Proyecto


web Segunda indagaciónAgencias de viajes

Vamos a analizar 4 agencias de viajes deterritorio nacional para ver como vendensus viajes, que tipo de estrategia usan encuanto al trato con el cliente y ver el diseñode este tipo de agencias.

Halcon viajes Viajes Marsans Viajar.com Muchoviaje.com

Proyecto


web Segunda indagación

Tenemos una pagina sencillaque tiene la informacionbien situada, con buscador deviajes, uso de imagenes conlas ofertas, demasiadas ofertasen forma de listas y buen usode la imagen dentro de lasofertas. Mismo top menuque footer.

Secciones

InicioVacacionesVuelosHotelesPlayasCochesPara regalarCrucerosPromociones

Segunda indagación

Una pagina que en portadaes simple con el uso deofertas en forma de �ashcon interacción, pero en lasofertas hay demasiada cargade texto y poca de imagen,mucha lista de precios.Menú superior desplegablecon un submenu.

Secciones

InicioVuelosHotelesVacacionesCrucerosCostasChollosTrenes

Proyecto


web

Segunda indagaciónProyecto


webUna pagina con mucha imagen, anuncios �ash,de forma intuitiva y biencolocada, mal uso de ofertaspor el scroll, un top menu bien. Bien uso de la imagenen minianuncios.

Secciones

InicioVacacionesCrucerosUltima horaVuelosHotelesTrenesEscapadas

Segunda indagaciónProyecto


webContiene anuncios �ash,pestaña de ofertas, unapagina cahotica con unsindrome de logo giratorioy mucha información, además de que la portadatiene un diseño distinto a lasdemás secciones.

Secciones

InicioHotelesVuelosVacacionesOfertasPlayasCrucerosEntradasEscapadasGrandes viajesCoches

Proyecto


web Conclusiones segunda indagación

Buen uso de las imagenes pero poca cantidad

Poca interacción

Uso de flash en ofertas y banners

Mucha carga de texto

Seguian teniendo pestañas de busqueda dehotetes.

Proyecto


web Conclusiones finales

Web distinta como nuestra empresa

Interacción y entretenimiento del usuario

Uso de flash

Poca carga de texto y más de imagen

Promocione e informe de nuestros productos

Proyecto


webLibro de estilosContenidos

Vuelos Halconair

Servicios especiales Gangas

En la pantalla, se colocaran una listade ofertas a los destinos mas baratos.

Desde el home usaremos las metáforas para acceder a cada uno de estos apartadosque contienen lo indicado, un mapa de la web, información de quienes somos y uncontacto, se abriran por medio de pestañas.

En esta seccióncolocaremos unaserie de iconos enlos cuales se incluiranusos titulos, y al clicksobre ellos se abriráuna pestaña paradescribirnos cada unode esos servicios.

En esta sección seincluiran 6 ofertas de vuelos diferentes, vuelosde riesgo, comicos, etc.

Para ello se utilizarán pestañas, en la pantallase colocaran unas brevesdescipciones, al clickar, se ampliarrá la informaciónde cada una de ellas.

Mapa web Quienessomos Contacto

Proyecto


webLibro de estilosPunto fuerte

Interacción vs usabilidad

Navegación lúdica y divertida

El punto fuerte de la web y que la diferencia de las websde la competencia será la navegación, en favor del atractivoy de la interacción del usuario, mostrando el lado diferentede la compañia se basara en hacer una navegacón en la quelos usuarios interaccionen con los contenidos de la páginacosa que no se ha hecho antes en el sector.

Se combinará el uso de metáforas para acceder a las distintassecciones y tambien la animación flash para mayor divetimentode los usuarios.

Es el punto fuerte, algo que no esta presente en el resto delsector, cambiamos de las tipicas paginas estáticas a una paginaen la que le usuario busca información y se divierte navegando.

Proyecto


webLibro de estilos

Formato

800px

plano abierto

Máscarade visión

Máscarade visión

600px

La web consta de un gran plano abiertopor donde nos moveremos para ver lasdistintas secciones, a su vez el formatoque se usará para la mascara que nosmuestra los contenidos será de 4/3 o loque es lo mismo, se usarán el formatode pantalla de 800x600 pixeles.

Máscarade visión

Proyecto


webLibro de estilosTipologia web

Promoción e información

Esta es una web de promoción de vuelos y paquetesde viajes especiales, luego es una web informativa, endonde el usuario accederá para informarse de lo que hace la compañia, las ofertas que dispone la mismay tambien para reservar viajes por medio de la via deteléfono.

Dinámica

En cuanto al tipo de web desde el punto de vista dela navegación será una web dinámica, donde se usarala metáfora y la iterracción que proporciona una paginarealizada en flash.

Proyecto


webLibro de estilosReticulas, Home

2º menú

Menú flash

Pista de aterrizaje

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Home

Proyecto


webLibro de estilosReticulas, Pagina carga

2º menú

Menú carga

800

x 60

0

800

x 10

0

Proyecto


webLibro de estilosReticulas, Pagina carga

Proyecto


webLibro de estilosReticulas, Vuelos Halconair

2º menú

Menú flash

Cabecera

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Vuelos Halconair

Proyecto


webLibro de estilosReticulas, Gangas

2º menú

Cabecera

Columna 1 Columna 2 Columna 3 800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Gangas

Proyecto


webLibro de estilosReticulas, Contacto

2º menú

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Contacto

Proyecto


webLibro de estilosReticulas, Quienes somos

2º menú

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Quienes somos

Proyecto


webLibro de estilosReticulas, Mapa web

2º menú

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Mapa web

Proyecto


webLibro de estilosReticulas, Nueva York (vuelos)

2º menú

CabeceraImagen fondo

Info Info Menúimagenes

800

x 60

0

800

x 10

0

800 x 60

Proyecto


webLibro de estilosReticulas, Nueva York (vuelos)

Proyecto


webLibro de estilosMenús y submenús

Menu flash

Pestaña menu alternativo

En este caso, tenemos una web con una nevegaciónbasada en metaforas, luego hemos decidido que ademásde esa navegación tambien haya otra nevegación alternativaque estará presente en todas las paginas de la web, parapoder acceder a todos los sitios desde ella sin tener queusar la interracción del menú flash dinámico.

Proyecto


webLibro de estilosLenguajes utilizados

La página web estará creada totalmente con flash,se usara tanto en las metáforas como tambien enla navegación e interacción del usuario.

Proyecto


webLibro de estilosProtocoloNo se usaran páginas diferenciales de carga para elpaso de una sección a otra, para pasar de una seccióna otra de la web, solamente se observará el recorrido deun avión de un lugar a otro, no se usaran paginas de cargaexcluyendo la que pueda haber en el inicio de la web.

Click (sección x)

Animación

Sección y

Etc

Protocolo

Seccionx

Secciony

Proyecto


webLibro de estilosUso del color

Home

Contacto Quienes somos Mapa web

GangasServicios

especialesVuelos

Halconair

Secciones importantes

Secciones secundarias

Para el uso general del color se utilizaráuna clave alta, colores claros y pococargados, contraste entre el fondo decolor blanco siempre y las ilustracionescon colores poco cargados.

Clave alta

Tambien usaresmos el color de formafuncional, este se usara cuando el ratónse posiciones sobre una entrada de unade las secciones, entoces el elementosobre el que se posicione el ratón cambiarade color, por ejemplo en menús de pestaña.

Funcional

Estadonormal

Estadosobre él

Usaremos el color de la identidad de la marcaque este caso es un cian, este color se integraen varios elementos de la pagina, en el colordel avión y demás elementos.

Identitario

Cyan M

Gangas

Gangas

Proyecto


webLibro de estilosTipografias nativasEn la página web se usaran tipos nativos para laparte del texto mas extensa, la parte dedicadaa la información.Los texto rasterizados de la web serán aquellosrelacionados con la identidad corporativa, logo,y tambien con titulares o llamadas de atención,para el menú alternativo tambien se usaran lasnativas, en este caso la trebuchet.

Familia Trebuchet Ms (masa texto)

Familia Arial (titulares y llamadas de atención)

Masa de texto1, 12p, italica

Masa de texto2, 12p, regularDescripciones, 10p, regular

Titulares, 24p, italica

Proyecto


webLibro de estilosElementos corporativosEn la web se utilizaran distintos tipos de elementoscorporativos tales como el propio logotipo de laempresa, aviones, halcones y otros elementos delsector donde nos movemos como son paneles dehorarios, billetes de avión.....


T T

A

A

III

I

II

IR

R

R

RR

RE

E

E

E

E EE

E

U R O P

P PP

PP

A

A A

I RA

A

CC AA N E L D O

CC AA N

N

E L D O

CC AA N E L

LL

D OC

C

C

C

AA NNN

NN N

E L D

D

O

O

CC

OOO

O

O

BSV U

EUU

G

Salidasdepartures

IIIIII

IIIIIII

IIIIII

IIIIIQv I

H2 2 : 00

S SS S

T

T

M

M

billetes

Avión

Alas papeleria

Tablón horarios

logotipo

silueta halcón

Proyecto


webLibro de estilosSonido

Tendremos tanto sonidos de fondo como sonidospor la interacción del usuario, se usaran sonidos depájaros, aviones, viento, etc.

Sonidos

Tambien incluiremos en la web sonidos a todos losbotones para mayor entendimiento de ellos, y sabercuando y donde se pueden activar dichos botones.

Clicks

Se dispondrá de la silueta del halcón de la página de carga para anular, subir o bajar el sonido.

Control volumen


Proyecto


web

Presentacion Proyecto Web Halconair

Documents

Transcript of Presentacion Proyecto Web Halconair