Casa Colonia 1830 website open on laptop and mobile phone
Casa Colonia 1830 website open on laptop and mobile phone

Casa Colonial 1830: web design

GOAL

Design a website that allows travelers to make bookings to the Casa Colonial 1830 hotel.

ROLE

UX / UI Designer

PROJECT DURATION

The project lasted approximately two months, including the research phase.

TOOLS

Adobe XD, Illustrator and Photoshop.

OVERVIEW

Casa Colonial 1830 seamlessly blends history and tradition within its beautiful spaces. The hotel’s primary goal is to fully immerse visitors in the vibrant atmosphere of Trinidad, offering an authentic experience of the local culture.

The users

Creating user personas for our UI/UX project is a crucial step in understanding our target audience. Here are two user personas we developed.

Insights gathered from user research

Cultural immersion is key

Travelers prefer environments where one can deeply connect with local culture and history.

Comfort and authenticity

Visitors are looking for accommodations that combine modern conveniences with a traditional ambience.

Participation in events

Travelers desire to engage in local history and culture through various events and activities.

Information architecture (sitemap)

Image of the sitemap

Wireframes

The designer wireframes focus on key functionalities such as cultural event listings, booking options, user accounts, and personalized ecommendations.

Graphic resources

TYPOGRAPHY

COLOR PALETTE

COMPONENTS

Set of components used in the design of the website

Mockups

The prototypes bring the wireframes to life, showcasing an intuitive interface that seamlessly integrates functionality and aesthetics.

Design of the mobile website screens

Takeaways

Involving users throughout the project development process means that the website adds value for both visitors and Casa Colonial 1830. The website provides detailed information and allows booking of activities and visits to Trinidad’s historic sites through an intuitive design with simple and fluid navigation.

Other projects

Biomat company logo with a blue background

BIOMAT

CAM Museum

GRÈS

Arte Chef