X Co

Shaping an unconventional brand  for a new way to live, work, feel, and connect

Media by X Life

Overview

Shaping an unconventional brand for a new way to live, work, feel, and connect

X Co is the real estate development and operations company behind X, a network of member clubs and private residences combining workspace, fitness, hospitality, and community.

The brand was already unconventional. The digital experience needed to be just as distinctive.

Role

Digital Designer

Scope

Creative Direction, UI/UX Design, Website Design, Webflow Development

Team

Erik Pola, Product Manager

Hugh Laverty, Digital Designer

Jorge Martinez, Visual Designer

Timeline

Mar 2021
-
Sep 2023
Present
X Co home page
A digital experience built to match the energy of the spaces and community behind X.

Context

Making the digital experience as distinctive as the brand

X was not a conventional real estate company.

Its spaces combined private residences, coworking, fitness, events, and community into one lifestyle experience.

The existing website communicated the offering, but the brand had much more personality in its physical spaces and social presence than it did online.

That gap became the opportunity.

The previous site explained the offering but captured less of the brand’s energy and personality.

‍

X Deck

Turning a pitch deck into an interactive experience

The first project started with an unusual request from the executive team.

Instead of another presentation deck, they wanted an interactive microsite capable of communicating the scale of the business opportunity while staying true to the X brand.

We treated it more like a digital product than a slideshow.

A persistent tree navigation made chapters easy to explore, while pinned content, galleries, virtual tours, and custom graphics gave each section more depth.

Exploring a persistent chapter structure, anchored content, and richer ways to navigate the story.
Bringing the existing brand into a more immersive presentation format.
The final Webflow microsite combined custom navigation, media, tours, and interactive storytelling.

‍

X Hero

Bringing real community energy to the homepage

The next challenge was the main website hero.

X already had a rich stream of photography and video from its clubs, residences, events, and community—but the homepage was not using that material to its full potential.

We looked to the behavior of social platforms rather than traditional real estate websites.

The goal was to make the first impression feel dynamic, visual, and slightly unpredictable while still letting visitors absorb the content.

Studying how X already expressed the brand most naturally through its social content.
Exploring gallery, motion, and typography patterns outside conventional real estate design.
Testing four different ways to turn rich media into an interactive homepage experience.
Combining the strongest ideas into a structured but dynamic grid system.
A live, CMS-powered media grid bringing community moments directly into the homepage.

‍

Website

Building a digital home for X

The work on the Deck and Hero helped establish a broader visual language for the next version of the website.

Split layouts, bold typography, rich imagery, video, and grid-based compositions became recurring patterns.

The goal was not simply to showcase buildings.

It was to communicate what being part of X actually felt like.

Extending the new visual language across community, spaces, residences, and conversion.
A repeatable hero system alternating bold messaging with immersive media.
Using story-like media playback to make individual locations feel more experiential.

‍

Components

Turning expressive ideas into reusable patterns

The more distinctive the visual system became, the more important consistency was.

Interactive patterns such as mosaics, polaroids, story rotators, galleries, and media blocks were developed as reusable Webflow components.

Each could adapt to different content and color schemes while sharing the same underlying behavior.

Reusable components bringing consistency to a highly expressive website.
A flexible media pattern designed to shift naturally between grid and swipe interactions.

‍

Mobile

Designing around the way the audience already browses

Mobile was central to the experience from the beginning.

Many of the interaction patterns were inspired by the apps people already use every day, so the mobile version could lean even further into familiar gestures.

Grid compositions became swipeable experiences.

Split heroes prioritized media.

Navigation became simpler and more touch-friendly.

The challenge was making those interactions feel natural without sacrificing performance.

Simplifying the site architecture into a cleaner, touch-first navigation pattern.
Rebalancing desktop compositions to put media and motion first on smaller screens.

‍

Outcome

A digital experience closer to the real thing

Across the Deck, homepage hero, and broader website, the work helped move X away from conventional real estate patterns and toward something more experiential.

The final system borrowed from social media, editorial design, hospitality, and product interfaces—but remained grounded in the places and people that made the brand distinctive.

Max was integral in helping us design our website to fit our unique needs. We needed a lot of custom features and he went above and beyond to get us there.
Author
Erik Pola
Product Manager
Author

More experience. Less real estate.

The digital system gave X a way to show the lifestyle, community, and energy behind the spaces instead of simply describing them.

‍

Working on something similar? Let’s talk →

Subscribe to updates

Case study is coming

Thank you! I'll let you know.
Sorry! It didn't work. Please email me directly.