Your Tech Club
CASE STUDIES

Website with a 3D explainer for Closing The Loop

For Closing The Loop we built a custom website with a 3D animation that explains the One for One model, and a CMS the team manages themselves.

Website with a 3D explainer for Closing The Loop

Deliverables

  • UX/UI design
  • Custom web development
  • 3D animation
  • CMS implementation

Closing The Loop offsets electronic waste with a One for One service: for every phone sold, one is collected and recycled. Your Tech Club built a custom website that explains that model.

What needed to get better?

The story was good, but the old site couldn't explain it. Anyone who had never heard of the model read a paragraph about it and was left wondering how it works. And anyone who did understand it wasn't given a clear next step.

Closing The Loop's old website: an orange bar, a collage of collected phones and the heading "First step to greener devices".

Showing rather than explaining

A circular model is a movement: one phone is sold, another is collected and processed. That's easier to show than to describe. So the site revolves around one animation, and the text around it serves that animation.

The new homepage: the heading "One device collected for one device sold" on a dark background, with a 3D globe with a phone circling it.

What did we build?

Two phone screens: customer stories with a milestone of 500,000 phones collected, and the service section "One for One’s unique offer".

A 3D animation that shows step by step how discarded phones are collected and recycled to offset the environmental impact. Alongside it, a section with case studies from Closing The Loop's partners, such as Vodafone, KPMG and T-Mobile, so visitors can see where the model is already running in practice.

What did it deliver?

Three phone screens side by side on an orange background: the service section, the customer stories and the overview of results per service.

The animation makes the service understandable in about thirty seconds, where text alone stayed abstract. The case studies show the proof at organisations the visitor knows.

The explainer page "How One for One works" on a laptop, with step 1 and an illustration of a parcel coming out of a screen.

What can the team do with it now?

The CMS is set up so the team can manage it on their own: Closing The Loop updates pages and cases themselves, without a developer. The site is mobile-first and works on any device.

Questions or an intro call

Get in touch with us directly. We'll get back to you as soon as we can

Joey van VlietYassine SeghrouchniThe team at the officeYour message goes straight to our team in Amsterdam.

We'll get in touch as soon as we can.

Frequently asked questions

Who made the Closing The Loop website?

Your Tech Club. We did the UX/UI design, built the custom website, made the 3D animation and set up the CMS the team uses to manage the site themselves.

What did Your Tech Club build for Closing The Loop?

A custom website where a 3D animation explains the One for One model, with a section for case studies and a CMS the team can run independently. The site is mobile-first.

When is a 3D animation worth it?

When your service is a process people don't know. At Closing The Loop, it's a circular chain with several steps. That takes paragraphs of text nobody reads, while an animation shows it in about thirty seconds.

Can our team manage the site themselves?

Yes, that was the starting point here. The CMS is set up for independent management, so pages and cases are updated without outside support.

Why mobile-first?

Because most of the traffic arrives on a phone. Starting there, rather than shrinking a desktop design, keeps the message intact on a small screen too.