Opklopper / Portfolio / Shopify-redesign voor specialty coffee, wholesale en subscriptions | Rum Baba

Shopify-redesign voor specialty coffee, wholesale en subscriptions | Rum Baba

Voor de Amsterdamse specialty coffee-branderij en bakkerij Rum Baba ontwikkelde Opklopper een samenhangende Shopify-architectuur met twee dedicated storefronts. De D2C-webshop combineert specialty coffee, equipment, bakeryproducten en abonnementen, terwijl professionele afnemers via een afzonderlijke wholesale-omgeving kunnen registreren, inloggen en zakelijk bestellen.

Opklopper was verantwoordelijk voor de custom UX/UI, Shopify-development, productstructuur, collectiepagina’s, filters en mobile-first CRO. De consumentenwebshop ontsluit momenteel 26 koffieproducten uit acht herkomstlanden, met filtering op roastprofiel, oorsprong en zeven verschillende verwerkingsmethodes. Zo kunnen bezoekers koffie ontdekken op basis van smaak, brandingsprofiel en producteigenschappen.

De subscription-omgeving ondersteunt vier volumes — 250, 500 en 750 gram en 1 kilogram of meer — en drie bezorgfrequenties: wekelijks, tweewekelijks en maandelijks. Abonnees ontvangen 5% korting en kunnen hun koffie en volume vanuit het klantaccount aanpassen.

Voor zakelijke klanten ontwikkelden we een aparte wholesale-customer journey met registratie, login, zakelijke assortimenten en klantspecifieke product- en prijsafspraken. Het wholesaleprogramma ondersteunt bestellingen vanaf vijf kilogram, zodat cafés, horeca, kantoren en andere professionele afnemers niet door dezelfde orderflow als consumenten hoeven te navigeren.

De twee Shopify-storefronts sluiten aan op drie operationele locaties in Amsterdam: twee shops en brewbars en een eigen koffiebranderij. Uitgebreide productdata rond herkomst, roastprofiel, smaak en verwerking vormt daarnaast een schaalbare basis voor SEO, GEO, AEO, LLM-zichtbaarheid en AI-driven product discovery.

Status

Live & geoptimaliseerd

Opdrachtgever

Rum Baba

Industrie

Specialty coffee, subscriptions, bakery, D2C en B2B-wholesale

Projecttype

Custom Shopify-architectuur met afzonderlijke D2C- en B2B-storefronts

Uitdaging

Consumenten en wholesale-klanten ieder een passende bestelomgeving bieden binnen één merkecosysteem.

Opklopper focus

Custom UX/UI, Shopify-development, subscriptions, wholesale, product discovery en mobile-first CRO.

Commercearchitectuur

Twee dedicated Shopify-storefronts voor consumenten en professionele afnemers.

Koffiecatalogus

26 koffieproducten uit acht herkomstlanden.

Product discovery

Filters op roastprofiel, herkomst en zeven verwerkingsmethodes.

Subscriptions

Vier volumes, drie bezorgfrequenties en 5% abonnementskorting.

Wholesale

Zakelijke registratie, login, klantafspraken en bestellingen vanaf vijf kilogram.

Fysieke operatie

Twee shops en brewbars en één eigen koffiebranderij in Amsterdam.

GEO, AEO & AI discovery

Productdata rond herkomst, smaak, roastprofiel en verwerking voor Google en LLM’s.

Resultaat

Eén merkecosysteem met twee storefronts, 26 koffies en schaalbare D2C- en B2B-flows.

D2C en B2B binnen één Shopify-architectuur

Rum Baba verkoopt niet alleen specialty coffee aan consumenten, maar bedient ook cafés, horeca, kantoren en andere zakelijke afnemers. Deze doelgroepen hebben verschillende assortimenten, volumes, accountbehoeften en bestelprocessen.

Daarom bestaat de Shopify-architectuur uit twee dedicated storefronts. Consumenten ontdekken en bestellen koffie, equipment en subscriptions via de D2C-webshop. Wholesale-klanten registreren zich en bestellen via een aparte zakelijke Shopify-omgeving.

Zo krijgt iedere doelgroep een passende customer journey, terwijl de visuele identiteit, productpresentatie en merkbeleving van Rum Baba herkenbaar blijven.

Twee storefronts voor twee verschillende customer journeys

De D2C-webshop is gericht op productontdekking, merkbeleving en herhaalaankopen. Bezoekers kunnen koffie selecteren op roast, smaakprofiel en producttype en kiezen voor losse bestellingen of een koffie-abonnement.

De wholesale-storefront is ingericht voor zakelijke klanten die grotere volumes bestellen en toegang nodig hebben tot een eigen assortiment en bestelomgeving. Registratie, login en zakelijke productpresentatie zijn hierdoor gescheiden van de reguliere consumentenwebshop.

De hoofdwebshop en wholesale-omgeving functioneren als aparte Shopify-storefronts, maar vormen voor de gebruiker één herkenbaar Rum Baba-ecosysteem.

Amsterdamse koffie

Over Rum Baba

Rum Baba is een Amsterdamse koffiebranderij en bakkerij die bekendstaat om zijn eigenzinnige stijl, huiselijke sfeer en liefde voor ambacht. Vanuit meerdere locaties in Amsterdam brengen ze hun herkenbare mix van kwaliteit, creativiteit en karakter tot leven, van perfect gebrande koffie tot versgebakken cakes, koekjes en taarten. Wat Rum Baba bijzonder maakt, is de combinatie van vakmanschap en persoonlijkheid. Elk product vertelt een verhaal, met oog voor detail en een vleugje rebelsheid die het merk onderscheidt binnen de koffiecultuur van de stad.

Van verpakking naar digitale merkervaring

De karaktervolle verpakkingen van Rum Baba vormden het uitgangspunt voor de digitale merkvertaling. Texturen, illustraties, typografie en levendige kleuren werden vertaald naar een herkenbaar designsysteem voor de Shopify-webshop.

Daarbij zochten we bewust naar balans. De webshop moest onmiskenbaar als Rum Baba voelen, zonder dat kleur en vorm de productontdekking of gebruiksvriendelijkheid in de weg zouden staan.

Opklopper had blijkbaar iets teveel koffie op

De uitdaging

De uitdaging lag in het vinden van de juiste vertaling van het merkgevoel naar digitaal. Wat wij als team van Opklopper voelden, het eigenzinnige, energieke karakter van Rum Baba, bleek in de eerste fase niet helemaal aan te sluiten bij de visie van de klant. Onze _eerste versie van het ontwerp was te uitgesproken_, maar juist dat werd het startpunt voor iets beters. Door samen te herzien en te verfijnen, vonden we de balans tussen expressie en herkenning, een webshop die trouw blijft aan de Rum Baba identiteit én digitaal tot leven komt. Dit was de eerste versie van de homepage (waar we trouwens nog steeds erg fan van zijn).

Doe rustig aan

De oplossing

In ons proces starten we, na een grondige briefing, altijd met een conceptversie van de homepage. Zo kunnen we samen voelen of de richting klopt. Geen match? Geen probleem, dan zetten we opnieuw koers en scherpen we het ontwerp aan tot het écht past bij de visie van de klant. Daar is ons proces juist op ingericht. Bij Rum Baba leidde dat tot een homepage die precies de juiste snaar raakt: rustig, karaktervol en helemaal in balans met het merk. De homepage schroefde we terug van standje 11 naar standje 4. Het moest gaan om rust, reinheid, kalmte.

Collectie pagina met overzicht

Meer rust, dat was het doel. En dat is ook terug te vinden in de collectiepagina, met uitgebreide filter functies.

Product pagina met structuur

Veel informatie, veel details, maar alles netjes op een rijtje.

404 pagina

De 404-pagina die verschijnt wanneer een link naar een niet-bestaande pagina leidt, bood gelukkig de kans om er wat creativiteit in kwijt te kunnen, een speels detail dat past bij de uitstraling van Rum Baba hoort.

Het resultaat

Het nieuwe ontwerp van Rum Baba ademt rust en karakter, precies de balans die het merk verdient. De webshop voelt nu als een natuurlijke verlenging van de fysieke winkels: eigenzinnig, ambachtelijk en herkenbaar Amsterdams. Een redesign waarin de beleving van koffie, kleur en karakter samenkomt in een kalme, heldere online ervaring.