Image
Top
Navigation

Hotel Marabella Mobile Website

Product: Hotel Mobile Website
Discipline: Web design, ID, IA
Tools Used: Sketch, Moqups, InVision

Hotel Marabella is a fictitious medium-sized boutique hotel that I created for the Interface Design class at BCIT. Our project was to create a mobile site and include a user task.

Wireframes


I used this project in conjunction with a mobile web development class, since the final product of both class was to create a mobile site. I started out with building the wireframes for the site. The process we had to create was to give users an action and they must complete that action through your prototype.

wireframesv1

Style Guide


style-guide

Credibility & Persuasiveness


Responsive Design


screen-shot-2016-11-30-at-1-54-13-am

Prototype


marabella

In the end, we created our final medium-fidelity prototypes and uploaded them into InVision app for presentation.