Voor Plantsome hebben we de website van de grond af opnieuw opgebouwd. Het UI/UX team had een compleet nieuwe branding ontwikkeld die wij door mochten voeren in de website!
Techniek
Plantsome werkte al een tijd met Shopify om daar hun site in te beheren. Dit was voor ons de eerste keer dat we met dit systeem zouden gaan werken. Shopify werkt met een template language wat Liquid heet. Dit wordt gebruikt om dynamische dingen in te laden. Ik vond dat het in het begin best weinig te bieden had. Veel dingen die normaal met bijvoorbeeld PHP makkelijk konden moesten hier op creatieve manieren opgelost worden. Ook omdat wat bedacht was niet zomaar een simpele webshop zou worden!
Uitdagingen
Het werken met Liquid was denk ik de grootste uitdaging omdat hier zo veel dingen gewoon (nog) niet in mogelijk waren. Hierdoor hebben we veel op moeten lossen met JavaScript om dynamische content in te laden wat opgeslagen stond in Shopify. Bijvoorbeeld het maken van queries met verschillende velden op producten was niet mogelijk. Dit kon niet met Liquid. Daarom was het soms wel even zoeken naar hoe we het wel zo konden bouwen, we hebben hiervoor het meest gebruik gemaakt van JavaScript. Zo kwamen we met een omweg toch bij wat we nodig hadden. Ondertussen heeft Shopify grote stappen gemaakt en is er een alternatief voor Liquid en hebben ze een GraphQL API waarmee je volledig headless kan!
Resultaat
Ik was zelf erg blij met het resultaat op dat moment. De website begon daarna ook beter te converteren en voor het eerst een webshop op dit platform bouwen was goed gelukt, zeker na de uitdagingen die er waren.
