00

Website

Website Design & Development

Website Design & Development

decarb

The Decarb Summits website is a high-end membership and event platform focused on decarbonization in the built environment, connecting industry leaders through curated summits and networking experiences. It positions itself as an exclusive ecosystem for decision-makers, combining events, content, and networking to accelerate sustainable innovation.

challange

One of the main challenges was translating a complex, high-level industry initiative into a digital experience that feels both premium and easy to understand. The platform needed to communicate authority and exclusivity while still clearly explaining the value of the summits, membership model, and networking opportunities. At the same time, the structure had to support multiple content types — events, participants, and informational pages — without losing clarity or overwhelming the user.

One of the main challenges was translating a complex, high-level industry initiative into a digital experience that feels both premium and easy to understand. The platform needed to communicate authority and exclusivity while still clearly explaining the value of the summits, membership model, and networking opportunities. At the same time, the structure had to support multiple content types — events, participants, and informational pages — without losing clarity or overwhelming the user.

One of the main challenges was translating a complex, high-level industry initiative into a digital experience that feels both premium and easy to understand. The platform needed to communicate authority and exclusivity while still clearly explaining the value of the summits, membership model, and networking opportunities. At the same time, the structure had to support multiple content types — events, participants, and informational pages — without losing clarity or overwhelming the user.

solution

The solution was to build a clean, structured interface with a strong typographic hierarchy and minimal visual noise, emphasizing clarity and credibility over decoration. Information was organized into clearly defined sections with a focus on progressive disclosure, allowing users to quickly grasp the purpose of the platform and dive deeper only when needed. The design system and implementation in Webflow ensured consistency across pages while keeping the experience flexible enough to support future events and content scaling.

The solution was to build a clean, structured interface with a strong typographic hierarchy and minimal visual noise, emphasizing clarity and credibility over decoration. Information was organized into clearly defined sections with a focus on progressive disclosure, allowing users to quickly grasp the purpose of the platform and dive deeper only when needed. The design system and implementation in Webflow ensured consistency across pages while keeping the experience flexible enough to support future events and content scaling.

The solution was to build a clean, structured interface with a strong typographic hierarchy and minimal visual noise, emphasizing clarity and credibility over decoration. Information was organized into clearly defined sections with a focus on progressive disclosure, allowing users to quickly grasp the purpose of the platform and dive deeper only when needed. The design system and implementation in Webflow ensured consistency across pages while keeping the experience flexible enough to support future events and content scaling.

how was the process going

discovery & aligment

The discovery phase for the Decarb Summits website was focused on translating an already well-defined industry concept into a clear digital product experience. Since the initiative itself operates within a highly specific professional niche, the primary task was not to define “what it is,” but rather how to communicate its value, structure the information, and position it correctly within a premium B2B context. This allowed the process to move quickly from exploration into alignment and execution

competitors analysing

structure


visual direction

The visual direction for Decarb Summits was built around a premium, editorial-driven aesthetic that reflects the seriousness and authority of the sustainability and built-environment industry. The goal was to avoid typical “startup marketing” visuals and instead create a sense of institutional credibility combined with modern clarity.

The design relies heavily on strong typography, controlled spacing, and a restrained color palette to support readability and hierarchy. Large type scales and minimal UI noise were used to emphasize key messages, while secondary information was kept visually subtle to maintain focus on core narratives such as mission, events, and participation value.

A structured grid system was used to organize content-heavy sections, ensuring that complex information — such as summit details, speakers, and program structure — remains easy to scan and navigate. In select sections, a more modular layout approach was introduced to create rhythm and visual variation without breaking consistency.

The implementation also focused on translating this visual system into Webflow in a way that preserves precision and scalability. Components were built to maintain consistency across pages, while still allowing flexibility for future events, content expansion, and updates without breaking the overall design language.


implementation

The website was implemented in Webflow with a strong focus on precision, scalability, and maintaining design fidelity across all pages and breakpoints. The main goal was to translate a highly structured, editorial-style design into a fully functional system without losing the subtle hierarchy and spacing that define the visual direction.


A component-based approach was used throughout the build, ensuring that core elements such as event blocks, speaker cards, and content sections remained consistent and reusable across different pages. This allowed the system to stay flexible for future summits and content updates while keeping the visual language unified.


Special attention was given to layout stability and responsive behavior, particularly for dense information sections where typography and spacing play a critical role in readability. Webflow interactions were used sparingly, mainly to support smooth transitions and enhance usability without distracting from the content.


Overall, the implementation resulted in a production-ready system that accurately reflects the designed experience while remaining easy to maintain and extend as the platform grows.


CMS setup

The CMS structure was built to support a content-heavy, event-driven platform while keeping the system flexible for future scaling. A dedicated collection was created for summits and events, allowing each entry to include structured data such as program details, speakers, location, and participation information. This ensured that new events could be added without requiring any layout changes or manual page rebuilding.


In parallel, a separate CMS was implemented for speakers and contributors, enabling consistent reuse of profiles across multiple summits. This avoided duplication and ensured that any updates to a speaker’s information would automatically reflect across all relevant event pages.


The system was designed with clear relationships between collections, allowing events, speakers, and related content to dynamically connect and populate pages. This relational structure made it possible to maintain a clean editorial system while still supporting complex content dependencies.


Overall, the CMS setup turned the website into a scalable framework rather than a static build, making it easy to expand the platform with new summits, participants, and content without compromising structure or design integrity


refinement & launch

The refinement phase focused on tightening the overall experience to ensure consistency across dense, content-rich pages and multiple responsive states. Particular attention was given to typography rhythm, spacing accuracy, and information hierarchy, making sure that even complex event sections remain readable and visually balanced. Small inconsistencies in layout behavior, CMS rendering, and component alignment were corrected to maintain a cohesive editorial feel across the entire site


he launch resulted in a production-ready, scalable platform that successfully translates a high-level industry initiative into a clear digital experience. It establishes a strong foundation for future events, while maintaining a premium, structured identity aligned with the expectations of a professional, decision-maker audience


overcomes

The final result is a fully structured, production-ready platform that translates a complex, high-level industry initiative into a clear and navigable digital experience. It successfully balances editorial presentation with functional clarity, making it easy for users to understand the value of the summits while accessing detailed event information without friction.


From a technical perspective, the Webflow implementation and CMS architecture created a scalable system capable of supporting future events, speakers, and content expansions without requiring structural redesigns. The modular setup ensures consistency across pages while maintaining flexibility for growth.


Beyond execution, the key outcome is the establishment of a strong digital foundation for an evolving ecosystem of events and industry connections. The platform positions Decarb Summits as a credible, premium space for decision-makers in the built environment and climate sector, while providing a clear pathway from awareness to participation.

role

Web Developer & Designer

industry

Environment

duration

2,5 weeks

tools

Webflow, Figma

project gallery

contact me

let’s discuss your project, product or opportunity

Whether you’re building a product, redesigning an existing experience, or looking for a long-term collaboration, feel free to get in touch

contact me

let’s discuss your project, product or opportunity

Whether you’re building a product, redesigning an existing experience, or looking for a long-term collaboration, feel free to get in touch