Kingsley Commons Atrium Glass Artwork

Kingsley Commons Website Design

Image
Kingsley Commons Website-Homepage Layouts

The Kingsley Commons Townhomes Website redesign addresses two challenges—giving mobile users a full experience, as well as serving a multilingual user base. Here, clear, minimal navigation and layout are utilized to showcase the content, and give prospective residents a good impression about the community, well before they ever visit in person.

Image
Kingsley Commons Website-Mobile Layouts

Mobile layouts and navigation-Spanish and English. User-centered content strategy dictated clear navigation patterns and clear interaction affordances.

Image
Kingsley Commons Website-Interactive Mapping

Since location is a primary consideration for prospective residents, interactive mapping is used to demonstrate the convenient location of Kingsley Commons, as well as neighborhood attractions. 

Image
Kingsley Commons Website-Townhouses Detail

To give prospective residents a clear picture of the offerings, a sortable floorplan display shows listings based on user preference. This artwork is custom branded, and resolution-indepenendent, which gives mobile users the full experience.

Image
Kingsley Commons Website-Lease Application Forms

Form design—a critical part of the user flow for many sites, is often overlooked. Here, careful attention is paid to clarity, as well as incorporating progress bars and other elements to help users successfully complete their tasks.

Image
Kingsley Commons Website-Custom Iconography

Due to the multilingual nature of the content, universal iconography is critical to navigation. Here, custom designs are used for the primary calls-to-action on the homepage.

Image
Kingsley Commons Website-Custom Photography

Good site content is of paramount importance. Here, custom location photography is used to highlight the property.

Image
Kingsley Commons Website-IA Tree

Information architecture is a critical element of Web design and content strategy. Here, the final Website layout hierarchy is shown.

Image
Kingsley Commons Website-Style Tile

To secure team buy-in for the branding and identity early in the process, style tiles were employed to show elements both separate and integrated. This format allows quick and efficient review.

Image
Kingsley Commons Website-Homepage Wireframes

Wireframes are an essential part of the Web design process. Here, desktop and mobile layouts for the homepage help both to plan and visualize content strategy for different use cases and devices.