Hornblower Web Page Wire Frames with Sarah Jean Ferraris

This is a collaboration highlighting the product management of a web page, starting with conceptual ask to lo-fi wireframe, to designed page concept to web development implementation. Here, we look at three concepts that utilized dev work already in place to introduce a new function or elevate the visual experience for the guest.

The three requests were:

News/ Media Hub Page for our PR Team, accelerated by Covid-19

Real Weddings Page to highlight the onboard experiences for Brides & Grooms

To-Go Experience Hub, introducing a new product format

Low-Fi WireFrames

These low-fi wireframes take advantage of the hard-coded elements already available to the web and dev team. These wireframes were used to gain buy-in from key stakeholders for each request. As well as setting expectations and incorporate any essential elements, the wireframes provided a template to based code on.

This Media Hub combined pre-developed elements. The blog, media asset portal, forms were combined to create a concentrated archive for media.

The Real Weddings page evolved an existing concept. The new layout humanized content while also providing a more direct action to prospective guests.

The To-Go page used existing dev resources. This page centralized a content-rich product to educate and promote outside of the domain.

High-Fi Wireframes

These high-fidelity wireframes were created by Sarah Jean Ferraris , our Senior Graphic Designer. The wireframes use the brand guidelines to guide the web development team. This introduces our brand colors in a more prominent way into these pages to better connect to customers. Additionally, the infographic for the News page also summarizes our “about us” document and develops the brand guidelines:

The video below captures the user experience with the finished Media/ PR page product. This page can be found at https://www.hornblower.com/news.

This page showcases the major asks from our Public Relations and Marketing teams. These asks include a sub-site for press releases , as well as our first media portal. This portal allows news and media outlets to find our approved images for publication efficiently.