UI / UX

Le but de l'exercice consiste, à partir d'une grille d'un site déjà existant, de créer un site pour un hôtel.

- Finaliser la page d'accueil du site en utilisant la grille existante.
- Ne garder que la structure et imposer son style graphique.
- Les hauteurs des blocs peuvent être amenées à changer.
- Garder seulement le découpage et jouer avec.

Déclinaison de la page d'accueil pour la création de la partie chambre en se basant sur la même grille.
La structure est libre ainsi que le contenu - Conservez seulement le header + footer qui doivent être communs à tout le site.

__________

The goal of the exercise is to create a website for an hotel from a grid of an already existing site.

- Finalize the home page of the site using the existing grid.
- Keep only the structure and impose its graphic style.
- The heights of the blocks may have to change.
- Keep only the cutting and play with.

Declination of the home page for the bedroom's creation part based on the same grid.
The structure is free as well as the content - Keep only the header + footer that must be common to all the site.






____________________



Page d'accueil du site de l'hôtel The Hoxton :
(Toutes les images proviennent du site et sont protégées par la marque).

Utilisation du code couleur propre au site de l'hôtel. 
Le header ainsi que le footer reste identique sur toutes les pages du site.
Choix de mettre un menu burger sur le header pour faciliter l'utilisation du client.
Mise en avant de l'Instagram de l'hôtel sur l'accueil du site.

__________

The Hoxton Hotel Home Page:
(All images come from the site and are protected by the brand).

Use the color code specific to the hotel's website.
The header and the footer remain the same on all pages of the site.
Choice to put a burger menu on the header to facilitate the use of the client.
Highlighting the hotel's Instagram on the home page.



The Hoxton is a series of open-house hotels inspired by the diversity and originality of the streets and scenes that surround us.





____________________



Déclinaison de la page d'accueil pour la création de la partie chambre :
(Toutes les images proviennent du site et sont protégées par la marque).

En cliquant sur le menu burger, un sous-menu apparaît en gris avec les différents types de chambres que propose l'hôtel.

__________

Declination of the home page for the creation of the room part:
(All images come from the site and are protected by the brand).

By clicking on the burger menu, a sub-menu appears in gray with the different types of rooms that the hotel offers.





____________________



Déclinaison du site internet pour les smartphones, pour exemple l'iPhone.
(N'hésitez pas cliquer sur les images pour les voirs en plus grand). 
__________

Declination of the website for smartphones, for example the iPhone.
(Do not hesitate to click on the pictures to see them in larger size).



____________________



Déclinaison du site internet pour les tablettes, pour exemple l'iPad.
(N'hésitez pas cliquer sur les images pour les voirs en plus grand). 
__________

Declination of the website for tablets, for example the iPad.
(Do not hesitate to click on the pictures to see them in larger size).



____________________



____________________



THANKS FOR WATCHING !


© Valentin Daloyau 2018