XFrame Website
Intro
XFrame is a modular, sustainable building system that brings architectural spaces to life through demountable partitions, wall lining systems, and proprietary software that automates floor plan design using the XFrame system. As the company evolved, its website needed to communicate a broader offering while becoming easier to navigate, manage and maintain. I redesigned and rebuilt the website in Webflow, improving the user experience, information architecture and content management system.
The Challenge:
The existing website made it difficult for users to understand what XFrame offered or where to find information. Navigation lacked clear hierarchy, technical language created barriers to understanding, and the Statamic platform made even simple updates difficult without developer support. The challenge was to create a website that was clearer for users and more flexible for the business.
The Idea:
The redesign focused on improving information architecture, simplifying the user journey and creating a scalable CMS-driven website in Webflow. A new navigation structure and clearer tone of voice helped make complex information easier to understand, while reusable CMS collections provided the flexibility to manage products, projects and resources more efficiently. Motion design, Lottie animations and custom interactions were introduced to enhance storytelling and create a more engaging experience.
The Outcome:
Redesigned and rebuilt the website in Webflow, replacing a restrictive Statamic platform.
Improved navigation and content structure, making XFrame's products, systems and software easier to understand.
Developed a scalable CMS for products, projects and resources, enabling easier content management.
Created a more modern digital experience through improved UI, motion design and interactive elements.
Deliverables:
Website Design
CMS Integration
Branding
