Your Tech Club

Website met 3D-uitleg voor Closing The Loop

Voor Closing The Loop bouwden we een maatwerk website met een 3D-animatie die het One-for-One-model uitlegt, en een CMS dat het team zelf beheert.

Website met 3D-uitleg voor Closing The Loop

Deliverables

  • UX/UI-ontwerp
  • Maatwerk webontwikkeling
  • 3D-animatie
  • CMS-implementatie

Closing The Loop compenseert elektronisch afval met een One-for-One-service: voor elke verkochte telefoon wordt er één ingezameld en gerecycled. Your Tech Club bouwde een maatwerk website die dat model uitlegt.

Wat moest er beter?

Het verhaal was goed, maar de oude site kreeg het niet uitgelegd. Wie nog nooit van het model had gehoord, las er een alinea over en bleef zitten met de vraag hoe het werkt. En wie het wel begreep, kreeg geen duidelijke volgende stap.

De oude website van Closing The Loop: een oranje balk, een collage van ingezamelde telefoons en de kop "First step to greener devices".

Laten zien in plaats van uitleggen

Een circulair model is een beweging: een telefoon wordt verkocht, een andere wordt ingezameld en verwerkt. Dat laat zich beter tonen dan beschrijven. Daarom draait de site om één animatie, en staat de tekst eromheen in dienst van die animatie.

De nieuwe homepage: de kop "One device collected for one device sold" op een donker vlak, met een 3D-wereldbol waar een telefoon omheen draait.

Wat hebben we gebouwd?

Twee telefoonschermen: klantverhalen met een mijlpaal van 500.000 ingezamelde telefoons, en het serviceblok "One for One’s unique offer".

Een 3D-animatie die stap voor stap laat zien hoe afgedankte telefoons worden ingezameld en gerecycled om de milieu-impact te compenseren. Daarnaast een sectie met case studies van partners van Closing The Loop, zoals Vodafone, KPMG en T-Mobile, zodat bezoekers zien waar het model al in de praktijk draait.

Wat leverde het op?

Drie telefoonschermen naast elkaar op een oranje vlak: het serviceblok, de klantverhalen en het overzicht van resultaten per dienst.

De animatie maakt de dienst in ongeveer dertig seconden begrijpelijk, waar tekst alleen abstract bleef. De case studies laten het bewijs zien bij organisaties die de bezoeker kent.

De uitlegpagina "How One for One works" op een laptop, met stap 1 en een illustratie van een pakket dat uit een scherm komt.

Wat kan het team er nu mee?

Het CMS is ingericht op zelfstandig beheer: Closing The Loop werkt pagina's en cases zelf bij, zonder ontwikkelaar. De site is mobile-first opgezet en werkt op elk apparaat.

Vragen of kennismaken

Neem direct contact met ons op. We komen zo snel mogelijk bij je terug

Joey van VlietYassine SeghrouchniHet team op kantoorJe bericht komt bij ons team in Amsterdam binnen.

We nemen zo snel mogelijk contact met je op.

Veelgestelde vragen

Wie heeft de website van Closing The Loop gemaakt?

Your Tech Club. Wij deden het UX/UI-ontwerp, bouwden de maatwerk website, maakten de 3D-animatie en richtten het CMS in waarmee het team de site zelf beheert.

Wat heeft Your Tech Club voor Closing The Loop gebouwd?

Een maatwerk website waarin een 3D-animatie het One-for-One-model uitlegt, met een sectie voor case studies en een CMS voor zelfstandig beheer. De site is mobile-first opgezet.

Wanneer is een 3D-animatie de moeite waard?

Als je dienst een proces is dat mensen niet kennen. Bij Closing The Loop gaat het om een circulaire keten met meerdere stappen. Dat kost alinea's tekst die niemand leest, terwijl een animatie het in ongeveer dertig seconden laat zien.

Kan ons team de site zelf beheren?

Ja, dat is hier het uitgangspunt geweest. Het CMS is ingericht op zelfstandig beheer, zodat pagina's en cases bijgewerkt worden zonder externe ondersteuning.

Waarom mobile-first?

Omdat het merendeel van het verkeer op een telefoon binnenkomt. Door daar te beginnen in plaats van een desktopontwerp te verkleinen, blijft de boodschap ook op een klein scherm overeind.