B2C Webshop Madame Creatief

Madame Creatief is de online, creatieve uitlaatklep van Uitgeverij Lannoo. Samen met de lifestyle-auteurs volgen ze creanieuwtjes op de voet. Naast het informatieve gedeelte met artikels, beschrijvingen, patronen en wedstrijden wilden ze nu ook de mogelijkheid om hun producten online te verkopen. De perfecte plaats om dit te doen, niet?

Bovenop de bestaande site moest dus een interactief gedeelte komen met user login en shop gedeelte.

We gebruiken Drupal Commerce om het webshop gedeelte te implementeren. We bouwden heel wat snufjes die we uiteindelijk ook konden delen naar de community. Drupal Commerce staat op dit vlak nog niet volledig op punt. Maar geen zorgen, wij zijn er om dat op te lossen :).

We zijn er erg fier op dat wbase de kennis in huis heeft om een webshop tot in de puntjes af te werken met Drupal Commerce. We hebben dan ook redelijk wat community werk verricht en raken steeds meer bekend om onze toevoegingen en kennis inzake `Drupal Commerce'.

Geïmplementeerde Drupal Commerce functionaliteiten
voor het shop gedeelte van Madame Creatief

User login flow:

  • Inloggen obv van e-mailadres
  • Pas wanneer er begonnen wordt met het invullen van het e-mailadres verschijnt het wachtwoord veld. Dit om tekst die op dat moment niet relevant is ook niet te tonen (information overload - Less is more)
  • Bij het invullen van het wachtwoord staan hulmpiddeltjes voor een sterk wachtwoord. Telkens er aan een regeltje voldaan wordt verdwijnt deze regel. Kijk even naar de screenshots. Vb 'Zorg ervoor dat je wachtwoord 6 tekens bevat' => verdwijnt wanneer er 6 tekens ingevuld staan.

Winkelmandje - check-out proces

  • Op een productdetailpagina staat rechtsboven meteen een blok waarop kort de prijs en de productnaam staan + vermelding 'aantal stuks ' & 'In winkelmandje'
  • Je kan dus eenvoudig het aantal stuks aanduiden op de pagina en in je winkelmandje plaatsen om het nadien te kopen.
  • Bij het klikken op 'Winkelmandje', blijf je op de pagina maar zie je meteen de inhoud van je winkeldmandje inclusief de productprijzen afzonderlijk en de totale prijs.
  • Vanaf daar kan je gewoon verder winkelen of afrekenen.

Discounts

  • Momenteel zijn we volop een discounts module aan het opbouwen. We gebruiken hier als basis de 'Drupal Commerce' en 'Drupal Discounts' modules voor. Deze hebben echter nog redelijk wat bugs. We hooken er dus op in en breiden deze volledig uit naar eigen behoeftes. We creëren dus onze eigen module om een flexibel maar watervast systeem van kortingen te kunnen krijgen. Eens deze module klaar is, implementeren we ze ook in deze webshop.
  • Discounts zorgen ervoor dat je op geavanceerde manier kortingen kan ingeven. De module is erg gecompliceerd en vraagt redelijk wat programmeerwerk om tot in de puntjes af te werken.

Webshop Madame Creatief -Detailpagina product In winkelmandjeWebshop Madame Creatief - user login flow - Nog geen accountWebshop Madame Creatief - account aanamaken, wachtwoordWebshop Madame Creatief - account aanamaken, wachtwoordWebshop Madame Creatief - account aanamaken, wachtwoordWebshop Madame Creatief - account aanamaken, wachtwoordWebshop Madame Creatief -Detailpagina product In winkelmandjeWebshop Madame Creatief -winkelmandjeWebshop Madame Creatief - winkelmandje tonen
In samenwerking met: 

Gelijkaardige projecten