Cloud 7 concept landing page

In collaboration with Pepijn Peeters, I worked on a marketing site for a fictional cloud storage brand. As a design and development duo, we set out to build a high-converting landing page in a competitive technology niche, and to see how far design and development quality can go in Webflow.

View live site

Client

Cloud 7

Industry

Cloud Computing

Size

Startup

Year

2025

Challenge

Cloud 7 started with an open brief. What could we create if we dropped usual design, budget, and timeline constraints that often come with client work? What happens if we create a playground envorinment to simply explore and push our craft until we created something we genuienly like?

The goal wasn’t to just ship another generic SaaS template. We wanted to see, what modern and technical product sites in the cloud computing space can feel like, when motion, performance, and layout all play together.

That meant solving a few self-imposed challenges: keep animations delightful without video embeds or heavy third-party tools, give the hero a memorable visual identity, and build the site on a clean Webflow foundation that would still scale if the concept ever became real.

Before

After

Solution

We decided to design the site in Figma and create one tight landing page centered on the promise: Always Hot Cloud Storage.

We spent serious time on foundations that usually get rushed, auch as accessible color palettes and type testing (across dozens of pairings) that fit the brand we envisioned. The page stays short and focused, so every element has to earn its place.

On the build side, we used MAST, a class framework made for structured, performant Webflow sites. Product feature visuals run as native animations (no video embeds, no external animation software). For the hero, we programmed a visual steam effect that gives the “always hot” idea a tangible feel without slowing the page down.

A color palette in OKLCH with vibrant orange variants that fit the brand and meet accessibility guidelines, so contrast stays predictable and the oranges remain vivid across every shade.

Figma artboard: first exploring different hero concepts, then iterating, adding further sections and drawing individual graphics.

‍

Result

The result is a concept site that still behaves like a real product marketing page: clear hierarchy, conversion-focused sections, and interactions that feel seamless and natural.

We proved that a small, focused collaboration can push Webflow past “good enough” marketing sites from a design and development perspective.

We shipped a page with native feature animations that hold up in Safari, a custom hero steam effect, and a maintainable Webflow setup built on MAST. More importantly, the project became a shared learning ground, from accessible color systems to the unglamorous hours of font testing, without any stakeholder friction in the way.

For future work, we look forward to applying these new skills to real client projects: native animations that are light on page speed, custom interactions that feel intentional, and a CMS setup that teams can maintain and scale via Webflow or their favourite AI agent.