A Project Series
Role: Benchmarking & Research • UX/UI Design • Information Architecture
Summary: Designed and implemented a scalable editorial experience, transforming highly specialized architectural content into a modular digital system that balanced storytelling and publishing flexibility across diverse project formats.
Jump to
Designing for Complexity
“A Project Series” highlights renowned architectural and infrastructure projects built using Cemex materials and technologies. Designing the experience required balancing inspiration with clarity, translating highly specialized architectural content into a digital format that supported exploration, readability, and comprehension across devices.
The challenge extended beyond visual presentation. Each project combined technical construction information, large volumes of visual media, and varying levels of content depth, requiring a structure that could support both storytelling and usability. Initial layout explorations revealed inconsistencies in how technical information and imagery competed for attention, which led to clearer content prioritization across the templates.
Process and Exploration
The process combined benchmarking, layout exploration, and responsive content structuring to define an experience that felt both editorial and technically structured. Early explorations with more visually dense layouts reduced scanability during long-form reading, leading to a more modular structure with greater spacing flexibility across content sections.
Visual pacing played an important role throughout the experience, using spacing, modular layouts, and progressive hierarchy to help users navigate dense architectural content more comfortably. Throughout the process, I explored different approaches to content hierarchy, visual pacing, and responsive behavior to better support long-form reading experiences across devices while maintaining consistency throughout the series.
Building Modular Content Structures
To support scalability across the platform, I designed a modular content system composed of four flexible layout structures: Small, Medium, Large, and X-Large templates. Because project pages varied significantly in imagery, technical depth, and storytelling needs, the layouts were designed as flexible templates rather than fixed compositions. This allowed project pages to adapt to varying combinations of imagery, architectural narratives, technical specifications, and supporting project information.
Alongside the layouts, I also developed content matrices to help guide copywriters and stakeholders when structuring information within each template. These matrices helped standardize content hierarchy, improve publishing consistency, and simplify the creation of future project pages.
The modular system was intentionally designed to support both immersive storytelling and operational scalability within existing CMS workflows. This system-based approach created greater flexibility for editorial storytelling while preserving usability, readability, and responsive consistency across the platform.
Outcomes & Impact
The project strengthened the overall consistency and scalability of the “A Project Series” experience while supporting a more accessible and engaging way to explore architectural content online. The modular structure simplified the creation of future publications, improved flexibility across varying project formats, and helped balance technical information with a more approachable reading experience for broader audiences.
Working with architecture content reinforced the importance of balancing storytelling, technical precision, responsive behavior, and scalable publishing systems. It also strengthened my understanding of how content hierarchy and editorial pacing directly shape long-form digital usability.