top of page

The Blue Iguana Inn 

For this project, I was tasked with selecting a website that needed improvement, to create an easier-to-navigate site and a clear design layout. With a creation of six interactive pages.

laptop.png

Helping users, navigate inn websites 

For this project, I was tasked with selecting a website that had a variation of issues and making it more user-friendly.  With both a desktop and a mobile application with a minuteman of six working pages.

Samantha, 23

Samantha wants to get away from the large city for a weekend getaway

 Needs

A  website that is easy to navigate and find more about what the inn offers.

Nathan, 30

Nathan wants to get away form the large city for a weekend getaway.  Wants to stay somewhere that feels like home

 Needs

A  website that is easy to navigate and find more about what the inn offers.

User Flow

Help the user, navigate the updated website that is more user-friendly as well as having a simpler mobile experience. Using the mobile site can be difficult and when making making a reservation it takes the user to a different site when booking.

Sitemap planning.jpeg

Mid-Fid Wireframes

The design was kept minimal and organized, of some of the wireframes. Focusing on simplicity using imagery and rounding buttons to be more inviting, modern, and easy to look at.

Style Tile

The design was kept minimal and organized with a call back to the Spanish style that represents the feel of the Inn.

Color

The Blue Iguana welcomes all of our guests back to Ojai for both leisure and essential travel. It is our goal to provide each of you with exemplary customer service and the highest quality of product and experience.  

Paragraph font: Montserrat

Special Elite

Logo font

logo_2.png

Heading 4

Hi-Fi Wireframes

The design was kept minimal following the style tile making it possible for all screens to look global and organized. It was also important to make the colors pass the color contrast checker in order to ensure accessibility.

Ojai_.png

Current Home PageFlesh out the reservation booking checkout more​

Next Steps

  • Flesh out the reservation booking checkout more

  • Continue with user testing

  • Continue testing of mobile and desktop application

bottom of page