Biomat company logo with a blue background

Casa Colonial 1830: web design

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.

Goal

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

Project duration

Two months

Role

UX UI Designer

Tools

Adobe XD, Illustrator and Photoshop.

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