Website Design

The Vine Inn Davis

A brand new website design for a boutique hotel in downtown Davis, CA.

The Vine Inn Davis website mockup splash half

Project Brief

Design Challenge
What kind of website design will reflect the future of The Vine Inn Davis?

Project Description
The Vine Inn Davis is a hotel located in Davis, CA, located within walking distance of the UC Davis college campus. The property was undergoing an extensive remodel and needed a new website. The Vine Inn upon arrival had only a single page of content and absolutely no branding other than a logo.

Software & Resources Used

Adobe XdAdobe Xd
Adobe PhotoshopAdobe Photoshop

The Final Design

The final website design used cool, warm, and neutral colors. The banner displayed various locations around Davis, CA. A booking toolbar within the banner made it easy for guests to make their reservations right on the website.

The Vine Inn Davis website home page banner
The Vine Inn Davis website home page callouts
The Vine Inn Davis website home page amenities with icons
The Vine Inn Davis website home page footer
The Vine Inn Davis website local area page 1
The Vine Inn Davis website local area page 2
The Vine Inn Davis website guest rooms page

Design Research

Since the website was being created while the hotel was undergoing remodel, a lot of our reference images were computer generated. From this we were still able to extract color schemes and a sense of atmosphere.

Swipe through the design research slides by dragging them to the left.

Design Process

Starting with a basic wireframe, the design was built up over iterations. Each version tied in various placeholders until we gained an understanding of how to arrange content and thus—what content would need to be acquired for the final website build-out.

The Vine Inn Davis website design process 1
The Vine Inn Davis website design process 2

Conclusion

With the mockups complete I was able to deliver them to the web developer who built out the website into a functioning WordPress theme. The website launched in 2019.

Project Team
Jacob McAdam, Visual Designer and Content Developer
Moe Himed, Website Developer

View thevineinndavis.com

This website was made by OptiRev for their client The Vine Inn Davis (2019).