Aetherfield
Overview & Problem
Aetherfield is a B2B sustainability analytics platform that helps businesses track emissions, energy, and waste across their value chain, model performance forecasts, and generate ESG disclosures — all in one place. The core problem it solves is fragmented sustainability data and growing reporting pressure. The platform turns scattered environmental data into trusted, actionable metrics.
This was a personal project built to demonstrate my ability to design and develop a complete, content-led SaaS marketing site from concept to launch. The goal was to build something that felt credible and enterprise-ready — not a template, but a site that could believably represent a real B2B product.
Process & Approach
I built the site from a Figma design, translating a clean editorial aesthetic into a fully responsive Webflow build. The layout was structured around Aetherfield's core messaging pillars — Track, Model, Act — with clear visual hierarchy guiding visitors through the value proposition before reaching conversion points.
The CMS was set up to power a journal section with structured article collections, allowing content to be added and managed without touching the Designer. Responsive image handling was implemented carefully across breakpoints to maintain layout integrity on all screen sizes. The overall structure was kept clean and scalable — new pages or journal entries can be added without breaking the existing system.
Outcome & Takeaways
The result is a polished, enterprise-grade marketing site that communicates a complex SaaS product with clarity and confidence. The CMS journal section is fully functional and content-ready, and the site holds up cleanly across desktop, tablet, and mobile.
This project reinforced how important content hierarchy is in SaaS marketing sites — when the product is complex, the design's job is to make it feel simple. "Clarity drives action" isn't just Aetherfield's philosophy, it's the design principle behind every section of the site.
