House of XM is an experiential marketing agency known for creating high-energy brand activations and immersive campaigns. Their previous website no longer reflected the quality of their work or the personality of the brand. The site lacked clear storytelling around their projects, navigation was difficult to scan, and the overall experience did not effectively communicate the creativity and scale of the agency's work. Additionally, the rebuild needed to preserve the SEO value the existing site had accumulated while improving performance and accessibility. The challenge was to design and build a modern, expressive website that captured the agency's energy while remaining intuitive, fast, and easy for the client to manage.

The project began with a discovery phase working closely with the client to understand their goals, audience, and how potential clients evaluate experiential agencies. Through discussions and competitive analysis, several priorities became clear:

The UX approach focused on clarity, storytelling, and discoverability. The information architecture was restructured to guide users through the agency's work and capabilities in a natural progression. Navigation patterns were simplified, and the header and mega menu were designed to make key sections immediately accessible. Special attention was given to how visitors explore agency work. Case studies and visual content were prioritized so users could quickly understand the scale and creativity of the projects House of XM produces. Accessibility and usability were also considered from the beginning to ensure the experience worked seamlessly across devices and audiences.

The site was built using Next.js, Tailwind CSS, and Prismic CMS to deliver a fast, scalable, and flexible platform. Performance was optimized through server-side rendering, optimized assets, and efficient component patterns, resulting in strong Lighthouse scores. SEO preservation was handled through careful URL structures, metadata, and redirects to maintain existing rankings. Full bilingual support was implemented with an integrated language switcher in the header and translation-aware content structures in the CMS. A modular content system in Prismic allows the client to create new pages and update content without developer support.

The final website successfully translates House of XM's creative energy into a modern digital experience. The rebuild delivered a clear and intuitive user experience, strong SEO continuity from the previous site, high Lighthouse performance scores with fast load times, and a flexible CMS that allows the client to easily manage content. The result is a site that not only showcases the agency's work effectively but also provides a scalable platform for future growth.

This project reinforced the importance of designing expressive websites without sacrificing clarity. Capturing the personality of the brand was important, but the experience still needed to remain intuitive and structured for users exploring the agency's work. Planning the entire experience in Figma before development also proved invaluable. It allowed for faster iteration with the client and ensured the final build closely matched the intended design system. Finally, rebuilding an established website highlighted how critical SEO continuity and performance optimization are. Maintaining search visibility while delivering a significantly faster experience required thoughtful planning, but it ultimately resulted in a stronger platform for the agency moving forward.