UX/UI Design,
Développement front-end

Dreamcatcher Bangkok Hostel

Mai 2018

 

Dreamcatcher Bangkok Hostel est une auberge, un café et un bar situé dans le centre-ville de Bangkok.
Leurs clients sont principalement des randonneurs occidentaux qui viennent en vacances seuls, en couple ou en famille.

Le projet consistait à re-concevoir leur site Web et à le rendre plus fonctionnel en concentrant l’attention de l’utilisateur sur les boutons d’appel à l’action «réserver».
J’ai également ajouté un menu de nourriture et de boissons car l’auberge possède un café et un bar et veut développer leur restaurant.

De la conception UX …

 

En commençant par la recherche du profil des utilisateurs visitant ce site, j’ai ensuite élaboré le plan du site et esquissé les arborescences basse et haute fidelité pour fixer les éléments de chaque page et l’interaction entre eux.

Recherche profil utilisateur

Plan du site

Arborescence basse fidélité

… à la conception UI …

 

Après avoir collecté les contenus du client (logo, images …), j’ai décidé d’utiliser la police du logo pour homogénéiser tous les textes et j’ai déterminé le schéma de couleurs en fonction d’une image de fond insérée au bas de chaque page.

J’ai conçu la maquette des pages en utilisant Photoshop et en suivant mon idée d’avoir une mise en page claire en ajoutant des espaces et des séparations entre les sections.

Maquette de la page

Police utilisée pour le site Web

Schéma des couleurs

Création de design sur Photoshop

Maquette de la page

Police utilisée pour le site Web

Schéma des couleurs

Création de design sur Photoshop

… jusqu’au développement

 

Une fois le design terminé, j’ai construit le site en utilisant WordPress CMS.

J’ai placé un bouton « réserver » visible sur chaque page, afin que les utilisateurs puissent se déplacer librement dans le site tout en étant capable de réserver une chambre à tout moment.

J’ai arrangé toutes les pages pour rendre le site Web convivial et entièrement réactif sur les tablettes et les appareils mobiles.

CONTACTEZ MOI

Phone  +66 81 817 2562

Baan Chan Condo, Thonglor 20, Sukhumvit 55, Klongon Nua, Wattana, 10110 Bangkok, Thailand
(uniquement sur rendez-vous)



 
 

 
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

 

Baan Chan Condo, Thonglor 20, Sukhumvit 55, Klongon Nua, Wattana, 10110 Bangkok, Thailand
(uniquement sur rendez-vous)






This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.