The State Hotel Landing Page Design

A modern design for a historic commercial and residential property.

The State Hotel Home Page on iPad



Project Goals

The State Hotel Seattle is a historic property located in the Pioneer Square district in Seattle, WA. When this client first contacted us they did not have an online presence.

With another property using the same name the client quickly wanted to establish themselves online. We recommended a simple landing page design based on a Parallax WordPress website to achieve their goals.

Art direction and content strategy


The State Hotel Seattle is a commercial property with ground-floor restaurants. Short-term rentals and live-work lofts occupy the upper floors.

Therefore their online presence had to meet a number of different requirements.

The primary objective of the state Hotel Seattle is to keep the two AirBnB units occupied.

Renting the live-work units and ground floor commercial spaces was a secondary concern.

Our design team focused on the images and content required for meeting the primary objective first.

PixoLabo - The State Hotel Page Detail
PixoLabo - The State Hotel on iPhone 12

Image sourcing


The first step was to help the client source the required images showcasing both the property and rental units, as well as the surrounding historic district and amenities.

The State Hotel Seattle is a fairly unique property, so together with the owner, we were able to create and optimize all required interior images.

For the exterior and surrounding neighborhood images, we had to rely on our extensive stock archive of the area.

We also worked with the State Hotel Seattle to create and structure the required text content.

Through practical usage of images and colors/textures, we focused the viewer’s attention on specific aspects of the site while providing a great mobile user experience.

UX/UI and WordPress web design


After that, we were ready to combine images and content into a sophisticated and modern one-page Parallax WordPress website.

We based the landing page design on 14 vertical sections outlining the property history, amenities, and neighborhood attractions.

To provide the required functionality we added a simple tabbed FAQ section, an online booking option, and an interactive map of the location.

The final result is a very simple, yet elegant WordPress landing page design that invites site visitors to explore the property and take the required action at the end.

PixoLabo - The State Hotel Page Detail



Receive exclusive content and discounts in your inbox!