oasis hotel

website design

CATEGORY
Web Design

DELIVERABLES
A responsive website and clickable prototype in Figma.

DESIGN CHALLENGE

Use a brand guide created by one of your peers, select a random persona, and use both to create a product that would appeal to the individual in the persona. You may not relate to the person in your persona, or like the brand choices you must work with. How will you develop empathy for this person and find a way to design something that speaks to them? The goal is to gain experience working in an environment where you do not control all the parameters for your designs and learn to take a human-centered approach that considers the people viewing your work rather than thinking of them as “users.”

SOLUTION

The persona I was given, Frank, listed his goals as “traveling to warm places with a lot of sun and good vibes,” relaxation, and spending quality time with his wife. Based on these goals, I created a website for a hypothetical hotel in Loreto, Mexico. Through images and text, I highlighted how the hotel would be a place of relaxation and rejuvenation for guests. I included buttons to prompt visitors to the site to book a room, a spa service, or learn more about the things to do at the hotel. The hotel offers couples massages and comfortable rooms that would appeal to Frank and his wife. There are also many pools, dining options, and a beach where Frank and his wife can spend time together and relax.

I incorporated elements from my brand guide through the website’s typefaces and color palette. I used the main typeface, Rock 3D, for the hotel’s logo and select headings. I also created icons for the spa, rooms, and amenities pages that emulate the style of the Rock 3D typeface. For all other text on the site, I used the secondary brand font, Thasadith which is more practical and legible. I also incorporated the brand color palette through the text, colored boxes, buttons, and images.

The persona I received was created based on a real person my professor knows. Upon my completion of this project, my professor showed the website I had created to Frank. He expressed that it perfectly fulfilled his wishes and that he would love to go to this hotel with his wife, saying that he wished it was a real destination.

brand guide and persona