Viritopia

Launching a faster, cleaner, clearer web platform for the global living wall experts

Viritopia: rebuilding a category leader’s website for trust, clarity, and lighter impact

Overview (for those in a rush)

Viritopia are world leaders in green infrastructure.

• Living walls and green roofs.
• Improving biodiversity, urban greening and property value.
• Big projects with bigger impact.

They asked me to redesign and rebuild their website so it finally matched the calibre of their work and helped the business grow in a measurable, low-carbon way.

We launched a new Webflow site with a strategy-first backbone. Early signs are strong: positive user feedback, fully GDPR-compliant, a website in 2 different locales, and an 86% reduction in homepage carbon footprint (with a plan to push it lower and monitor other key pages).

Navigation, search, and filtering now make it easy to find the right solution or living wall specs — fast.

The challenge

On the old site, top-level pages were broad, CTAs were inconsistent, and valuable content was buried. That hurt discoverability, conversion, and authority.

The value proposition wasn’t clear enough for each audience. People had questions about systems, regulations, and feasibility.

But, the site wasn’t answering them at the moment of intent. Users were bouncing or just moving laterally between pages. Absorbing information, but not moving to the point of interacting with the business.

Not to mention the original website had over 630 pages...

SEO equity lived across a tangle of legacy URLs, including a bunch of older links referencing their old brand (ANS Global). And internal workflows (forms, analytics, governance) needed to be simple, compliant, and reliable.

So, what did we do?

I ran a strategy-led rebuild from discovery to launch: analytics audit, SWOT, user stories, competitor scan, and buyer-journey mapping — then information architecture, copy blueprints, high fidelity design, user testing and build.

Project management

I set up our project hub, a client dashboard for all things website project management. Built for me with Lumin pal Merve Goulding from FlowDepartment. All my clients love it.

Under a single "Project Dashboard", Viritopia had live progress, requests, documents, tutorials and messages — with an organised system for tasks/comms. This kept decisions tight, assets centralised and feedback traceable during build and after launch.

This is also how we managed the project with the copywriter I brought on for this project: another friend of Lumin, Rachel Alvardo. One place for multi-month project management.

Strategy

We overhauled the IA and navigation: clear “Solutions”, “Our work”, “About”, “Learn”, “Specs & downloads”, and “Enquire”. The “Why Viritopia?” hub now concentrates proof — system advantages, certifications, awards, and process.

A core goal of this was to make the website more about Viritopia and how they're specialist skills help their customers. As opposed to before, their site felt a little more informational, generally speaking about living walls.

For conversion, I set page-specific primary/secondary goals and contextual CTAs. Feasibility prompts follow the reader through solution pages. Forms are simplified, tracked, and GDPR-clean.

Copywriting and content audit

Content got a proper plan after a full audit: what to keep, merge, rewrite, or retire; a redirects strategy was put in place to preserve SEO from the old site and clean up user paths.

A search and filter layer now surfaces key resources, specs, and case studies without making people dig.

I worked closely with Rachel on the copy — we treated it as part of the design, not something that came after. We built the wireframes and words side by side, shaping each section around what the message needed to do.

That collaboration made everything sharper: every heading had intent, every block earned its space. The result was smoother, faster, and way higher quality. Design serving copy, copy serving design, exactly as it should be.

This copywriting-wireframing step is truly essential for a site of this scale.

Design and user testing

I designed everything in Figma first, using our wireframes as the base. Each flow was mapped with clear intent: what users need to see, feel, and do. We kept a rhythm of comments and quick review calls, so feedback stayed tight and decisions stayed smart.

By the time we hit Webflow, the structure, copy, and flow were already locked in. No guesswork, no rework.

Then we tested the Figma prototype with real users. Both with architects plus a few general visitors.

The goal: see if they instantly got what Viritopia does, could find specs fast, and knew how to get in touch. In short? They loved the clarity, but still, the technical downloads were being missed.

That insight reshaped the nav overnight “Downloads” moved to an additional position where users were looking for it, and CTA banners were made more prominent to catch speedy-scrolling architects' eyes.

Website build in Webflow

I built in Webflow with tidy CMS architecture, performance best practices, and analytics baked in. We added a localisation track for German with a review loop for terminology and on-page SEO to make sure all translations sounded human.

I set up all the key integrations so the site could actually work for the team day to day: Salesforce for lead capture, analytics for real behaviour tracking, and GDPR-compliant forms that feed straight into their systems. Everything was connected, automated, and measurable.

Not to mention the icing on the cake (and admittedly one of my favourite parts), animations. I added interactivity to the website to really bring each section to life, and create a sense of grounded confidence, nature and expertise. Oh I do love subtle animations.

Finally, I set up a lightweight cadence with the client: monthly reviews against goals, a backlog for continuous improvements, and tutorials so their team can ship confidently between calls.

The result

The new site launched smoothly, with redirect mapping and tracking verified.

User experience is meaningfully better: people can find the right solution, see the proof, compare specs, and enquire — without friction.

The homepage’s measured carbon footprint is down by 86%. Page templates and assets are set up so we can continue reducing weight without design compromises.

Compliance is no longer a worry. Forms, consents, and policies align with GDPR. The analytics setup is clean, so we can make decisions with confidence rather than guesswork.

What’s next

Now that the foundation is right, the job is to keep compounding.

We’ll monitor behaviour on key pages (solutions, specs, case studies) and tune CTAs by journey stage. If the data says a section confuses or delights, we’ll move, merge, or multiply it — quickly.

The authority roadmap continues: more case studies, more technical insights, and clearer “landmark projects” to anchor the “Why Viritopia?” hub.

International roll-out and language support will grow in step with demand. German is first; the CMS is ready for others.

And that homepage carbon number? We’re not done. We’ll keep trimming templates, images, scripts, and third-party bloat until “lightweight” is the default.

If you’re a founder or marketing lead reading this: the pattern here is simple.

Get the structure and stories right. Make hard decisions about content. Map journeys. Design first, build once, improve forever. It’s calmer, faster, and it works.