ABOUT us
case studies
Our process
contact us
facebookinstagramtiktok
•

Metronational

MetroNational is a real estate developer and operator with more than 10 million square feet of mixed-use assets spanning office, retail, hospitality, dining, and healthcare. At the center of its portfolio is Memorial City, a 300-acre district that has shaped West Houston for more than 70 years through long-term planning, steady growth, and continuous reinvestment.
I. Digital
Platforms
Metronational Website
Memorial City Website
I. Communication
SYstems
The Garden Deck
MetroNational Deck
Memorial Cityzen
MetroNational
Website

Metronational website

Scope
Digital Experience Design
Webflow Development
CMS Architecture & Implementation
Motion Graphics
Drone Videography
More than just Memorial City Mall, MetroNational is a collection of destinations, properties, and experiences that have helped shape West Houston for over seven decades. When it came time to redesign the website, the goal wasn’t reinvention, but refinement — modernizing a digital platform we originally built years earlier to better support the company’s evolving portfolio.
visit website

Structure Informed by Identity

The website’s grid draws from the three-blade geometry of the MetroNational logo. Content, spacing, and modular layouts were organized in repeating groups of three to create visual consistency and reinforce the brand language throughout the site.

Motion with Intent

Interactions were designed around the ideas of growth, scale, and openness. Links enlarge on hover, navigation expands outward, and motion cues help guide attention while reinforcing the brand’s broader visual language.

Showing Scale and Context

Photography and video were used to communicate scale, atmosphere, and context across the portfolio. The visual strategy relied less on explanation and more on allowing the properties to speak for themselves.

Prioritizing What Matters

Typography, spacing, and contrast were used to prioritize key information and improve scannability across the site. Important content was surfaced early, allowing users to quickly navigate dense information without unnecessary friction.

Designed for a Growing Portfolio

The interface was designed to present a large and evolving portfolio without overwhelming the user, using restraint, hierarchy, and modular layouts to simplify navigation across dense content.

Memorial City
Website

memorial city website

Scope
Digital Experience Design
Webflow Development
CMS Architecture & Implementation
Motion Graphics
Drone Videography
Memorial City is a 300-acre mixed-use district in West Houston encompassing retail, hospitality, dining, healthcare, office, and public spaces. Developed in under three weeks, the website leveraged MetroNational’s existing platform architecture as the foundation, allowing the team to focus on refining navigation, content structure, and the overall user experience across a large and constantly evolving destination.
visit website

Finding What Matters

With hundreds of shops and dining destinations, the directory was designed to help users quickly browse categories, filter results, and find what they’re looking for with minimal friction.

Event-Driven Interaction

Motion and hierarchy were used to draw attention to event dates and featured programming. Photography introduced atmosphere and scale, while restrained micro transitions helped unify the experience across the page.

Seasonal Adaptation

During the holidays, the website adopted a seasonal visual layer to support special programming and district-wide activations. Subtle shifts in color, motion, and interface styling allowed the platform to reflect the atmosphere of the season without disrupting the broader brand experience.

the Garden
Deck System

the garden deck

The Garden is a mixed-use destination within Memorial City designed around landscape, hospitality, and public gathering. Created as a leasing and tenant presentation deck, the project introduced the district through a combination of architectural imagery, environmental graphics, and structured storytelling focused on atmosphere, walkability, and long-term growth.
Scope
Creative Direction
Presentation Design
Information Hierarchy
Environmental Storytelling
Art Direction
Leasing Communications
color palette
Typography
Primary - Baskerville
Secondary - Gotham
Presentation Framework

Storytelling at Scale

To support rapid leasing and business development efforts, more than 100 modular presentation templates were developed into a flexible slide library. Content blocks, layouts, and narrative components were designed to be easily reorganized, allowing teams to quickly assemble tailored presentations while maintaining visual consistency across the brand.
METRONATIONAL
DESK SYSTEMC

METRONATIONAL DECK

The MetroNational deck was designed as a large-scale leasing and business development presentation for prospective tenants and stakeholders. Built within the company’s established brand guidelines, the deck used structured hierarchy, architectural imagery, and narrative pacing to communicate the scale and diversity of MetroNational’s mixed-use portfolio.
Scope
Creative Direction
Presentation Design
Information Hierarchy
Art Direction
Visual Narrative Development
color palette
Typography
Primary - Baskerville
Secondary - Gotham
presentation framework
Memorial
Cityzen

memorial cityzen

Memorial Cityzen is a monthly print and digital newsletter designed to communicate events, new openings, and seasonal programming across Memorial City. Each issue adopted a distinct visual theme tied to major activations or seasonal moments, using editorial layouts, photography, and structured content to maintain consistency across both print and email formats.
The digital newsletter adapted the print edition into a mobile-friendly email format. Editorial spreads were restructured into modular content blocks to improve readability, responsiveness, and navigation across devices.
Evolving the Identity
The original Cityzen identity drew from the thin contour lines of the Memorial City logo, but over time the mark felt too visually restrained as a publication header. The updated version introduced heavier typography and stronger contrast, creating a more confident and recognizable presence across both print and digital formats.
Scope
Creative Direction
Editorial Design
Print & Email Design
Information Hierarchy
Art Direction
Brand Identity
covers

29.236070678352817, -103.28407996867533,29.236070678352817, -103.28407996867533,29.236070678352817, -103.28407996867533,29.236070678352817, -103.28407996867533

About
US
Case
Studies
Our
Process
CONTACT
US
©2026 Bach6 Studio. All rights reserved.
MADE IN ATX
Let's connect!