Cyclowax: always a clean chain

Cyclowax: always a clean chain

Zoals met de meeste bedrijven het geval is, startte ook Cyclowax met een idee. Oprichter Jakob kon zijn opgetogenheid niet temmen wanneer hij het effect zag van wax op het onderhoud van zijn fietsketting. Zijn enthousiasme ging ook gepaard met de gemoedsrust dat een perfect onderhouden ketting bij de gepassioneerde wielrenner teweeg bracht. Samen met Frederik en Philippe bouwde hij een product rond zijn droom: Cyclowax was born.

Wat wou de klant?

Met oog op de launch in april 2022, gingen de sterke mannen achter Cyclowax op zoek naar een ervaren webpartner. Niet enkel het bedrijf, maar ook de website begon met een duidelijk vooropgesteld idee. De gloednieuwe webshop moest een verlengde worden van de waarden en bestaansredenen van het merk: “always a clean chain” en de ambitie om hun product zo toegankelijk mogelijk te maken. Met een reeds volledig gedesignd ontwerp voor ogen, wilden ze dit 1 op 1 omgezet zien worden in een Shopify webwinkel.

Het resultaat? Een strakke, toegankelijke en interactieve website die bovendien eenvoudig kan worden aangepast voor en door de klant.

Hoe bereikten we dat resultaat?

Video is een erg belangrijke factor voor Cyclowax. Oprichter Jakob heeft al langer een achtergrond in videoproductie, en ook het merk zelf kan op heel wat audiovisueel materiaal terugvallen. Het was dan ook erg belangrijk voor de klant dat hij zijn vertrouwde videoplatform kon blijven gebruiken voor het delen van tutorials, reviews & product reveals. Inmiddels is Wistia naadloos geïntegreerd in de webshop, zonder enige functionaliteit van het platform te verliezen. Getuige hiervan is de imposante mastervideo op de homepage.

Custom is key

De producten van Cyclowax lenen zich ertoe om hun toekomstige kopers op maat te helpen met hun persoonlijke noden. Het lijkt ons dan ook maar normaal dat de website hierin niet achterblijft, en minstens even dynamisch is. Neem nu de kettingen, waarbij iedere bezoeker de optie krijgt om de perfecte fietsketting te kiezen naargelang zijn eigen snelheid. Bij speed 12 krijg je dan bijvoorbeeld de keuze tussen 3 verschillende kettingen. Dit is geen basisfunctie van Shopify en werd specifiek door Esign voor Cyclowax ontwikkeld.

Als kers op de taart creëerden we een unieke shopping cart om ook de upsellingmogelijkheden een echte kickstart te geven. Bij iedere toevoeging aan het winkelmandje verschijnt er zo onderaan de mogelijkheid om je order te upgraden met meer en andere producten.

Pre-order now!

Om de flow van het aankoop- en verkoopproces zo vlot mogelijk te laten verlopen, moest er een pre-order modus worden toegevoegd die toelaat om met één muisklik enkele functionaliteiten aan te passen. Voor de productpagina van de starterkit werd dit alvast geïmplementeerd met behulp van custom Shopify metafields. De koopbutton past zich aan en ook extra informatievelden als de verzenddatum en het aantal overblijvende kits komen tevoorschijn. Een simpele klik vervangt op die manier een heel proces aan aanpassingen. De rest van de pagina bestaat overigens uit unieke, aanpasbare blokken die de specifieke eigenschappen van de starterkit verder behandelen.

We gaan berekend te werk

Aan deze webshop hebben we niet één, maar twee verschillende berekeningstools toegevoegd. Hun bestaansreden is bezoekers toe te laten een geïnformeerde beslissing te nemen over hun aankoop door hen de feiten voor te leggen. Zo heb je onderaan de categoriepagina van de wax tablet een calculator die o.b.v. gegevens die de mogelijke koper invoert, aangeeft hoeveel tabletten die zal nodig hebben om zijn fietsseizoen door te komen.

Een gelijkaardige rekentool vraagt de webshopbezoekers drie parameters in te vullen: zijn type fiets, in welk weer hij meestal rijdt en hoeveel kilometer hij per seizoen doet. De calculator zet vervolgens de data automatisch om in hoeveel men zou kunnen besparen wanneer men overschakelt naar de producten van onze klant.

Beiden werden naadloos ingepast en beschikken ook over een popup waarin uitleg wordt gegeven over hoe we tot deze berekeningen zijn gekomen, in zowel tekst- als tabelvorm. Iets wat het team van Cyclowax overigens volledig zelf kan invullen en aanpassen.

Er kan nog een appje bij

Tijdens een van de vele brainstormsessies kwam er plots een nieuw idee naar boven dat al snel vleugels kreeg. In de kortste tijd veranderde het concept in een uitmuntend resultaat, rekening houdend met het budget en noden van de klant. Zo ontstond de webapplicatie van Cyclowax die aan de hand van de statistieken uit Strava kon aangeven wanneer de ketting moest worden vervangen en wanneer er opnieuw tot waxen moest worden overgegaan.

Er werd gekozen voor een webapplicatie met een API die later eventueel gebruikt kan worden voor een native applicatie. Voor de webapplicatie werd gekozen voor React met een GraphQL API met Laravel. Op dit moment heeft de app volgende mogelijkheden.

  • Inloggen met Strava-account en synchronisatie van gegevens.
  • Aangeven van fiets en eventueel wisselen van keuze.
  • Activiteiten updaten bij iedere login. Deze worden d.m.v. webhooks vanuit Strava doorgegeven aan de webapplicatie.
  • Weergeven van statistieken als het totaal aantal kilometers met de huidige wax en ketting of hoeveel waxbeurten er nog mogelijk zijn met de huidige wax tablet.
  • Aangeven van wanneer men moet waxen, de ketting of tablet moet vervangen of hoeveel speling er op de ketting zit.

Wat we intussen hebben bereikt? Een webapplicatie die gedurende een klein jaar getest en gebruikt wordt door een 120-tal personen. Door de mogelijkheid tot heel wat uitbreidingen kan dit de start zijn van een interessante toepassing.

Het eindresultaat van de samenwerking met Cyclowax?

Het eindresultaat zijn 2 gedetailleerde en erg gebruiksvriendelijke producten: een custom webshop en een handige webapplicatie. Beiden kwamen er door een aangename en doorgedreven samenwerking tussen de klant en onze developers. Ieder onderdeel werd tot in het kleinste detail bekeken en beoordeeld, met heel wat input van beide kanten. Stipte, duidelijke communicatie en meedenken van het team van Cyclowax over de ideale oplossingen stonden voorop. Het is die hands-on, interactieve aanpak die heeft geleid tot de stijlvolle, functionele en vooral uiterst aanpasbare Shopify webshop.

Let’s be friends, vertel ons over jouw project