GUÍAUX

Website Alua Hotels & Resorts

Grids

Tamaño pantalla: > 1280px

Contenido / área del grid de 12 columnas: 1218 px

74 px31 px

31 px 31 px

31 px30 px

1218 px

594 px 594 px

386 px 386 px386 px

282 px 282 px282 px 282 px

178 px 178 px178 px 178 px 178 px 178 px

74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px 74 px

GUÍA UX| Website

Tamaño pantalla: > 992 px

Contenido / área del grid de 12 columnas: 930 px

30 px50 px

15 px 15 px30 px34 px

Tamaño pantalla: < 768 px

Contenido / área del grid de 12 columnas: 738 px

Familia tipográfica: SOURCE SANS PRO

Tipografías

Lorem ipsum dolor sit amet 1280px: BLACK / LIGHT 72pt - Interlineado 72pt - #FFFFFF992px: BLACK / LIGHT 62pt - Interlineado 62pt - #FFFFFF768px: BLACK / LIGHT 52pt - Interlineado 52pt - #FFFFFF

H1

Lorem ipsum dolor sit amet, consecte-1280px: BLACK 48pt - Interlineado 48pt - #FFFFFF992px: BLACK 48pt - Interlineado 48pt - #FFFFFF992px: BLACK 38pt - Interlineado 38pt - #FFFFFF

H1 - Página Hotel

Lorem ipsum dolor sit amet, con-

Lorem ipsum dolor sit amet

1280px: LIGHT 62pt - Interlineado 62pt - #383A35992px: LIGHT 48pt - Interlineado 52pt - #383A35768px: LIGHT 38pt - Interlineado 42pt - #383A35

H2

1280px: LIGHT / BOLD 24pt - Interlineado 28pt 992px: LIGHT / BOLD 24pt - Interlineado 28pt768px: LIGHT / BOLD 18pt - Interlineado 20pt

H3

1280px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35992px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35768px: REGULAR / BOLD 16pt - Interlineado 24pt - #383A35

Párrafo

1280px: REGULAR 16pt - Interlineado 16pt - #FFFFFF992px: REGULAR 16pt - Interlineado 16pt - #FFFFFF768px: REGULAR 14pt - Interlineado 14pt - #FFFFFF

Texto botones

Lorem ipsum dolor sit amet 1280px: REGULAR 14pt - Interlineado 18pt - #575756992px: REGULAR 14pt - Interlineado 18pt - #575756768px: REGULAR 14pt - Interlineado 18pt - #575756

Texto formularios

1280px: LIGHT 16pt - Interlineado 16pt - #383A35992px: LIGHT 16pt - Interlineado 16pt - #383A35768px: LIGHT 14pt - Interlineado 14pt - #383A35

Enlaces

GUÍA UX| Website

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o�icia deserunt mollit anim id est laborum.

LOREM IPSUM

LOREM IPSUM

#F2F2F2

COLORES PRINCIPALES

#00A1AF #383A35

#383A35

#7FD0D7 #00657F

COLORES FONDOS

#383A35 Opacidad: 10%

TRAMAS COLOR TEXTOS

Colores

COLORES HOTELES POR SEGMENTOS

Colores Hoteles AluaSun Colores Hoteles AluaVillage

#F7B334 #F4CA87 #A59482 #CEC0B3

Colores Hoteles AluaSoul

#50748A #98C2D3

GUÍA UX| Website

Botones y links

Tipografía: SOURCE SANS PRO REGULAR - Mayúsculas

Tipografía: SOURCE SANS PRO BOLD

Colores mouseover: #FFFFFF / #00657F

Colores mouseover: #FFFFFF / #00657F

GUÍA UX| Website

BOTONES GENERALES

RESERVAR AHORA MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

MÁS OFERTAS

RESERVAR AHORA

RESERVAR AHORA

RESERVAR AHORA

Botones y, debajo, su mouseover

RESERVAR AHORA RESERVAR AHORA RESERVAR AHORA RESERVAR AHORA

RESERVAR AHORA RESERVAR AHORA RESERVAR AHORA RESERVAR AHORA

BOTONES ESPECIALES

Botones y, a su derecha, su mouseover

VER DISPONIBILIDAD VER DISPONIBILIDADAcceso Acceso

Debajo de cada uno, su mouseover o estado activado

OTROS BOTONES Y ACCIONES

VER HOTEL

VER HOTEL

VER MAPA

VER MAPA

Colores mouseover: #00657F

Debajo de cada uno, su mouseover

LINKS

Debajo, el estado activo

CHECK BOX

Acepto las Condiciones Legales*

Acepto las Condiciones Legales*

Acepto las Condiciones Legales*

Acepto las Condiciones Legales*

GUÍA UX| Website

MENÚ PRINCIPAL

SUBMENÚS

Menús y submenús

Formularios Calendario

Formularios

Ofertas AmigoHoteles Destinos Experiencias Contacto OfertasHoteles Destinos Experiencias Contacto Amigo

Normal Mouseover

REGULAR 18pt - #383A35BOLD 18pt - #00A1AF

Color fondo: #7FD0D7Títulos: BOLD 18pt - Interlineado 30pt - #FFFFFFTexto listado: REGULAR 18pt - Interlineado 30pt - #00657FTexto mouseover: REGULAR 18pt - Interlineado 30pt - #FFFFFF

Medidas: Max 5 columnasColor fondo: #F2F2F2Texto listado: REGULAR 14pt - Interlineado 26pt - #575756Texto listado seleccionado: REGULAR 14pt - #00A1AFTexto error: REGULAR 14pt - #FF1D25

Medidas: 308px x 338pxColor fondo: #383A35Fecha seleccionada: #00A1AFMes: REGULAR 20pt - #FFFFFFDías semana: REGULAR 18pt - #FFFFFF Fechas: REGULAR 18pt - #FFFFFF

REGULAR 18pt - #383A35BOLD 18pt - #00657F

Mallorca

AluaSoul Alcudia Bay ****

AluaSoul Palma ****

AluaSoul Mallorca Resort ****

Alua Hawaii Mallorca & Suites

Alua Palmanova Bay

AluaSun Torrenova ****

Alua Calvia Dreams ****

Hotel Barracuda ***

Ibiza

AluaSoul Ibiza ****

Alua Hawaii Ibiza

Alua Miami Ibiza

AluaSun Miami Ibiza Apartamentos

Tenerife

Hotel Ambar Beach ****

Fuerteventura

Hotel Parque San Antonio ****

Nombre*

Nombre del Hotel

Imput

Imput con desplegable

Campo obligatorio

Error

Imputs con desplegable abierto

Nombre del hotel

AluaSoul Palma ****

AluaSoul Mallorca Resort ****

Alua Hawaii Mallorca & Suites

Alua Palmanova Bay

1

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28 29

30 31

Lu Ma Mi Ju Vi Sa Do

OCTUBRE 2017

GUÍA UX| Website

Fondo ventana: #FFFFFFCapa fondo: #000000 con 70% de opacidadTexto de párrafo: REGULAR 16pt - Interlineado 24pt - #383A35Puntuación: BLACK 32pt - #00A1AF

VENTANAS MODALES

Ventanas modales

This was our third stay at the Hawaii and it was still the best holiday we have met so many lovely people here the sta� are now like family to us so helpful and work so hard to make your stay good the food is the best we ever have had at a four star hotel so fresh and the choice is amazing the hotels location is perfect and right next a beautiful beach we have booked for next year again thankyou you all at Hawaii for a lovely family holiday see you next year keep up the good work the Campbell family

Northern ireland 21/07/2017

10,0Excelente

CABECERAS

Capas de opacidad

Se define una capa de opacidad para situar sobre las imágenes de cabecera de las diferentes páginas así como de otras elementos del diseño.

Gradient#000000 al 80% - #000000 al 0%Opacidad: 70%Ángulo: 0º

FILTRO IMAGEN OFERTAS Y DESTINOS (HOME)

Gradient#000000 al 100% - #000000 al 0%Opacidad: 70%Ángulo: 90º

FILTRO IMAGEN EXPERIENCIAS ALUA

#000000 Opacidad: 40%

GUÍA UX| Website

SECCIÓN DESTINOS (HOME)

Mouseovers sobre imágenes

Desaparece la capa de opacidad.Efecto zoom en la imagen.El título y el botón suben hasta el centro de la imagen.El botón pasa a la apariencia de mouseover.

IbizaRESERVAR AHORA

IbizaRESERVAR AHORA

MouseoverNormal

SECCIÓN DESTINOS (HOME)

Efecto zoom en la imagen.El título sube hasta el centro de la imagen.Aparece el botón.

MouseoverNormal

SABER MÁS

GALERÍAS DE IMÁGENES

Capa de opacidad: #000000 al 40%Aparece el icono de “expandir”, en el caso de las fotografías, o de “play”, en el caso de los vídeos.

Capa de opacidad: #0A1AF al 80%El título de la oferta y el nombre del hotel suben para dejar sitio al texto de los detalles de la oferta.

MouseoverNormal

OFERTAS

MouseoverNormal

amet, consectetur adipiscing elit

Desde

Persona/Noche70€

AluaSoul Alcudia Bay

RESERVAR AHORA

amet, consectetur adipiscing elit

Desde

Persona/Noche70€

AluaSoul Alcudia Bay

RESERVAR AHORA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

GUÍA UX| Website

Iconos Home

Lorem ipsum dolor sit amet GUÍA UX| Website

Debajo de cada uno, su mouseover

Debajo de cada uno, su mouseover

Iconos ventajas de reserva directa

Iconos menú superior y calendario

Iconos experiencias

Debajo de cada uno, su mouseover

Iconos social media

Iconos Hotel

Lorem ipsum dolor sit amet GUÍA UX| Website

Debajo de cada uno, su mouseover

Debajo de cada uno, su mouseover

Iconos galería de imágenes

Debajo de cada uno, su mouseover

Iconos mapa

Iconos características hotel

Iconos Destino

Iconos características destino

Iconos enlaces

Mallorca y Ibiza Fuerteventura

Debajo de cada uno, su mouseover

Iconos opiniones

Icono transfer

Tenerife

Icono páginas de error

Iconos enlaces

Iconos Experiencia

Lorem ipsum dolor sit amet GUÍA UX| Website

Debajo de cada uno, su mouseover

Iconos Nosotros

Iconos Otras

Iconos páginas legales

Línea decorativa H1

Elemento decorativo texto

Línea decorativa H2 Línea decorativa H3

ALUA HOTELS & RESORTS

EXPERIENCIAS ALUA

Logotipos

Lorem ipsum dolor sit amet GUÍA UX| Website

Header

Sección Home

AMIGO

Prefooter Barra de booking

Menú pegajoso Footer

Página de experiencia

amara-marketing.com | +34 902 365 967