The Hobi Production site received a full UX/UI refresh to better reflect its core identity: authentic storytelling through audiovisual media in a clean, elegant, and emotionally resonant way. Targeting both brands and storytellers, the redesign reinforces the studio’s message of “Votre histoire, notre expertise” (Your story, our expertise) with a modern and confident digital presentation.

Audience-Centric Layout: Prioritized a streamlined, emotionally resonant journey—from the hero section (“Votre histoire – nous la racontons”) to calls-to-action encouraging storytelling collaborations.

Visual Hierarchy: Bold headings, clean typography, and full-width imagery immerse users immediately into Hobi’s audiovisual world.

Intuitive Navigation: Simplified global header (Films, Services, Agence, Contact) ensures users can explore the portfolio, services, and agency identity with ease.

Responsive Design: Built mobile-first interactions and fluid layouts using Webflow’s built-in responsiveness tools, ensuring seamless experiences across devices.

Modular Setup: Leveraged Webflow’s Designer and CMS to build a flexible, scalable structure. Content editors can now manage image galleries, video showcases, and service details directly—without code dependencies.

Separation of Environments: Employed a strategy of staging-to-production deployment, allowing for creative iteration without disrupting the live site. This aligns with Webflow best practices around content integrity and launch stability  .

Relume Library: Integrated pre-built, responsive UI sections—such as hero modules, content grids, and testimonial layouts—to accelerate development while maintaining design consistency across the site.

Osmo Library: Applied this lightweight UI kit to:

The combination of Relume’s robust components and Osmo’s minimalist system gave the redesign both polish and performance.

Scalable CMS: Enabled non-technical team members to manage dynamic content—imaging, videos, text updates—without designer involvement.

Efficiency & Reusability: Reusable components from Relume and Osmo sped up build time and ensured consistent design patterns.

Clean, Future-Proof Build: Webflow’s visual builder and semantic output help maintain performance, SEO, and accessibility.

Seamless Launch Workflow: Smooth launch and content handoff processes—thanks to staged staging-to-production publishing—resulted in a disruption-free go-live  .

This project demonstrates how design integrity, efficient component usage, and powerful CMS tools can coalesce in Webflow to build a flexible, visually stunning site—fully empowering client teams post-launch. Whether you’re targeting storytelling brands like Hobi or beyond, this case shows you deliver both aesthetic impact and practical, scalable solutions.

Let me know if you’d like to highlight specifics like animations, class naming strategies, or page transitions—I’d be happy to enhance further!