Klaar voor de mid-market

Het juiste platform kiezen: dat is niet niks. Je zou gaan geloven dat er pakweg elke maand een nieuw e-commerceplatform verschijnt (… en je zou er niet ver naast zitten). We gingen van longlist naar shortlist en uiteindelijk, na zorgvuldig overwegen, kozen we voor BigCommerce als e-commerceplatform.

BigCommerce zal ons helpen om het mid-marketsegment te bedienen met een pay-as-you-growformule die sterk focust op het creëren van unieke klantenervaringen. BigCommerce vult onze composable strategie perfect aan, aangezien het gemakkelijk integreert met de tools die we door en door kennen, zoals Algolia, Contentful en anderen.

De lancering

Om deze nieuwe samenwerking te vieren, wilden we verder gaan dan een gewone aankondiging. Dus gingen we aan de slag om de boodschap op een creatievere en leukere manier te verspreiden. Een paar brainstormsessies later besloten we dat het beste idee was om een evenement te organiseren, ondersteund door een webapplicatie gemaakt op basis van BigCommerce.

Wat was het doel?

  1. De samenwerking intern en aan de wereld bekendmaken.
  2. Vertrouwd raken met het BigCommerce-platform, de functies en API’s.
  3. Integreren met enkele van onze favoriete technologieën.
  4. Onze collega’s trakteren op iets kleins, gewoon omdat het kan.

Ontwerp en ideeënvorming

We gebruikten Miro als een whiteboard voor ideeënvorming en Figma om een intuïtieve UI te creëren.

Uiteindelijk besloten we dat het een geweldig idee zou zijn om een microsite/pop-upsite te creëren waarmee onze collega’s een van de vier gratis smoothie bowls konden bestellen. Zodra we het over de oplossing en gebruikerservaring eens waren, begonnen we met de ontwikkeling.

De backend

Wat is een betere manier om vertrouwd te raken met BigCommerce dan er daadwerkelijk mee te werken? BigCommerce biedt goed gedocumenteerde GraphQL en REST API’s, speciaal ontworpen voor headless commerce. We kozen voor de REST-interface.

Ik begin deze API’s leuk te vinden – Wesley, front-endfanaat

We waren onder de indruk van de eenvoud van de opzet in BigCommerce en waren in no-time klaar. Zelfs het configureren van de e-mailupdates voor de orderstatus was een fluitje van een cent en werkte meteen.

De frontend

Onze geprefereerde technologiestack voor frontendontwikkeling omvat Vercel voor builds, deployments en infrastructuur/hosting, met Next.js als ons JavaScript-framework. Aangezien tijdsblokken geen ‘ding’ zijn in BigCommerce, hebben we een Supabase Postgres SQL-database opgezet om de slots buiten BigCommerce te beheren. Dat is een pragmatische manier om functionaliteiten buiten het platform uit te breiden.

Van start tot finish

Een paar dagen verder in de ontwikkeling hadden we al een functioneel geraamte: gebruikers konden alle smoothie bowls bekijken, hun keuze maken, een tijdsblok aanduiden en een bestelling plaatsen in BigCommerce. Een paar iteraties later verbeterden we de gebruikerservaring, implementeerden extra validaties, maakten de app veilig en voegden een privacydisclaimer en wat voedingsadvies toe.

Na in de volgende paar weken de puntjes op de i te hebben gezet in de app, bouwden we zelfs een adminportaal waarmee de smoothie bowl-verkoper alle binnenkomende bestellingen efficiënt beheert.

Het evenement

We begonnen vroeg in de ochtend. Iedereen die het geluk had op kantoor te zijn, vond QR-codes op strategische locaties. Het scannen van de QR-code triggerde een omleiding naar de landingspagina. Daar konden collega’s een smoothie bowl selecteren, samen met een tijdsblok tussen 10.00 en 15.00 uur. In totaal werden er 111 bowls besteld, bereid, opgehaald en met smaak verorberd.

..Het was mijn eerste smoothie bowl, maar ik zal het me voor altijd herinneren! – Stijn, foodie

Iedereen die een bestelling plaatste, ontving een e-mail wanneer de smoothie bowl klaar was om op te halen. Alle bestellingen werden beheerd via het adminportaal en verwerkt in BigCommerce. Dat zorgde ervoor dat er geen wachtrijen of wachttijden waren. De kers op de taart: iedereen leek dol op de smaakvolle bowls!

... Een superhandige app die ons toeliet zeer efficiënt te werken! We hadden een duidelijk overzicht van alle bestellingen en met één klik op de knop markeerden we bestellingen gemakkelijk als klaar voor ophalen. Geen lange wachtrijen, verspilde tijd of ongeduldige klanten.

Melissa  - Alaise Bowls

Vooruitkijken

Elk van onze bowls had een betekenisvolle naam: ‘Generous Brownie’, ‘Clever Cream’, ‘Authentic Adventure’ en ‘Curious Coconut’. Deze namen verwijzen naar onze kernwaarden. We willen onze waarden laten terugkeren in alles wat we doen, en deze samenwerking is daarop geen uitzondering. We kijken uit naar wat in het verschiet ligt en kunnen niet wachten om deze oplossing op de markt te introduceren!

Voel de vibes


Blog delen: