.post-meta { display:none; }

A Place Unlike Any Other

Web Design, Wireframes, Information Architecture, UI Design

Located on the beach in Rhode Island, Ocean House is a luxurious hotel with a rich history. It has been carefully restored to preserve its past while providing guests with an unparalleled experience. Ocean House captures the grandeur of New England's historic hospitality with its timeless elegance and refined charm.

Designed while working with 829 Studios / Design support by Donny Wilson / Strategy by Gabrielle Richter / Production by Dani L.

The Goal

Our dedicated team at 829 Studios have passionately reimagined the online presence of the Ocean House, one of Rhode Island's most prestigious luxury hotels. The goal was clear: to craft a digital experience that lives up to the grandeur of the physical property and provides visitors with an engaging, user-friendly interface that amplifies the essence of Ocean House.

Research

Starting off the project, we sent out Kickoff Questionnaires, an Audience Survey, and a Stakeholder Survey. We also analyzed their Google Analytics Report for their current sites. With the information gained using the tools above we were able to identify areas of improvement for the property's website.

01 // Highlight the unique experiences and history of excellence

02 // Improve brand recpresentation

03 // Improve accessibility and responsiveness to cater to wider audiences

04 // Improve SEO

05 // Increase conversion

Wireframing

After conducting initial research, we began by creating rough layouts in the form of low-fidelity wireframes. These were then refined and developed into more detailed high-fidelity versions using Figma. The final wireframes were then presented to the client for review. We also built various prototypes such as a user flow for booking a room at Ocean House. This flow allows for easy navigation between the hotel options and within the system, as demonstrated in the accompanying screenshot.

OH_Wires_Noodles-1
Wires 3

Visual Design

While maintaining consistency with Ocean House's existing brand, we incorporated the client's refined visual preferences as we developed a digital design system and applied it to our wireframes. We emphasized showcasing the breathtaking imagery of the Ocean House property and surrounding area throughout the website, by allocating prominent visual spaces for them on each page.

VisualDesignGrid-2
OH_Desktop_Home
OH_Accommodation-Trio-Tilt
OH_Desktop_Accomodation_Profile
OH_Desktop_Experiences
OH_Desktop_Accomodations

Optimized for mobile

Our goal was to create a compelling experience on all screen sizes, with a particular focus on designing a stunning and seamless experience for mobile devices. This was especially important because we expected a significant portion of our audience to access The Estate's brand and content from their phones. By optimizing the design system for mobile, we aimed to provide an extremely user-friendly experience for our mobile users.

OH_MobileStagger

Ocean House Design System

Our goal was to create a cohesive digital design system for their visual language. To achieve this, we focused on revamping mobile design and improving navigation, typography, photography, and web accessibility. The resulting design system is based on components, which allows it to be easily applied and scaled across the entire website and all touchpoints.

Screenshot-2023-01-06-at-6.11.00-PM
Screenshot-2023-01-04-at-4.53-1
Screenshot-2023-01-04-at-4.53.56-PM
Screenshot-2023-01-04-at-4.54.37-PM
Screenshot-2023-01-04-at-4.54.26-PM

Outcomes

The Ocean House website redesign project is a testament to the power of combining a strong brand identity with a well-thought-out user experience. The sophisticated, easy-to-navigate platform invites visitors to experience a taste of the luxury that awaits them at the Ocean House, Rhode Island, resulting in a successful project outcome that elevates the hotel's online presence to new heights.

Refined User Experience: Our primary focus was on optimizing the site's functionality while enhancing its visual appeal. The redesigned website now offers seamless navigation, intuitive booking features, and an immersive digital tour, all of which contribute to a refined user experience.

Enhanced Brand Representation: The new website accurately reflects the hotel's brand and its values. Aesthetic appeal, comfort, and grandeur are all encapsulated within the redesign. Ocean House's rich history and commitment to luxury are effortlessly showcased through a blend of stunning photography, elegant typography, and a soothing color palette.

Increased Conversion Rates: With an improved, user-friendly booking process, the website redesign has contributed to a significant increase in conversion rates. The simple and intuitive interface, combined with a compelling call to action, has streamlined the path from browsing to booking, boosting the hotel's revenue and overall success.

Accessibility and Responsiveness: The site is fully responsive, providing an optimal browsing experience across all devices and screen sizes. This ensures that every user, regardless of their device, can explore the hotel's offerings and make a reservation with ease.

SEO Boost: With the integration of best SEO practices, the Ocean House now ranks higher in search engine results, resulting in increased visibility and organic traffic

Are you interested in collaborating?

Ryan Magalhaes
Design Generalist

Over 10 years professional experience working for agencies, startups, small businesses, and large enterprises.

Contact
ryanmagalhaes.design@gmail.com
(508) 951-7321

Ⓒ 2024 Ryan Magalhaes