Corset-Roche & Associés: a digital showcase for a major architectural portfolio

Designing a website for an architecture practice means creating a digital space capable of reflecting a mindset, a discipline, and a vision of the project.

For Corset-Roche & Associés, the goal was to build an online presence that matched the scale of their work: over 200 references to structure, highlight, and make accessible within a clear and coherent framework.

The website was conceived as a true editorial showcase — one that strengthens the agency’s image, organizes its extensive portfolio, and provides a durable communication tool that can be managed independently on a daily basis.

‍

Objectives: Visibility, Structure, Longevity

From the very beginning, three core ambitions shaped the project:

1. Deliver a credible and contemporary showcase

A website aligned with the level of the projects themselves, respecting architectural codes: precision, restraint, and mastery.

2. Structure a large volume of references

Transform a massive portfolio into a clear, filterable library that can be understood within seconds.

3. Build an autonomous and scalable foundation

Enable the agency to publish projects, news, and job openings without technical dependency.

‍

‍

An Editorial, Minimal and Controlled Art Direction

The visual approach was built around a simple principle:
architecture must remain at the center.

I developed a minimal editorial direction based on:

• clean and structured grids
• refined typography
• clear hierarchy
• generous spacing

Subtle micro-animations enhance the navigation experience. Clean transitions, discreet interactions, and fluid pacing guide the reading flow without ever distracting from the projects themselves.

‍

‍

Structuring 200+ Projects

The true complexity of the project lay in its scale.

How do you make hundreds of projects easily accessible without creating a heavy experience?

The answer was architectural in nature:
treat the portfolio as a system.

• Implementation of a dynamic Projects CMS
• Structured custom fields
• Filtering logic
• Flexible templates capable of adapting to varied content volumes

Each project page is independent yet consistent, maintaining a high level of quality even as content evolves over time.

The same approach was applied to the News and Careers sections, ensuring the website remains dynamic and future-proof.

‍

Process: Structure Before Style

Strategy & Information Architecture

Definition of strategic objectives and structuring of key pages: Agency, Approach, Projects, News, Contact.

‍

‍

Zoning & Wireframes

Organization of sections to ensure smooth reading and intuitive hierarchy.
Before style, structure.

‍

Creative Exploration

Presentation of multiple design directions, comparison, refinement, and validation of a cohesive, timeless identity.

‍

‍

Webflow Development & CMS

Pixel-perfect integration, reusable components, robust CMS architecture, and responsive optimization.

Each phase was validated before moving forward, ensuring consistency and structural integrity.

‍

Responsive, Performance & Execution Quality

Minimal design demands flawless execution.

Beyond aesthetics, the website was optimized to provide:

• smooth navigation
• fast loading performance
• a bug-free experience
• full consistency across desktop, tablet, and mobile

UX guided every technical decision: reducing friction, clarifying pathways, and delivering a stable, long-term digital experience.

‍

‍

Subtle Animations & Featured Projects

Animation was never conceived as decoration, but as a reading tool.

Soft transitions, controlled appearances, and fluid pacing create movement without distraction. The goal was simple: create flow, never noise.

On the homepage, a featured projects slider highlights strategic works. It shapes the first impression, adds rhythm to the layout, and immediately communicates the quality of the portfolio — all while remaining aligned with the editorial identity.

‍

SEO, Content & Strategic Direction

From the outset, the project integrated a structured SEO approach: clear semantic architecture, coherent heading hierarchy, optimized key content, and project page structuring to support indexing.

Raphaël Seran played a key role in this dimension, contributing strategic SEO direction, copywriting support, and overall project management. His involvement ensured alignment between content and design, clarified positioning, and reinforced editorial consistency throughout the site.

‍

Result

A Webflow website designed as a true editorial showcase:

• a clear and contemporary identity
• a large-scale portfolio made simple to explore
• a robust and autonomous CMS foundation
• a smooth and controlled user experience
• a scalable structure built to evolve over time

More than a website, it is a digital framework capable of supporting the agency’s continued growth.

‍