CloudSuite: Schaalbaar ontwerpen voor e-commerce
Een schaalbare UX- en visuele ontwerpaanpak voor een e-commerceplatform. Van herbruikbare componenten en templates tot complete webshops voor verschillende merken.
Opdrachtgever
CloudSuite
Rol
UX / Visual Designer
Periode
2017 – 2019
Focus
E-commerce, UX/UI, design system
Platform
UX voor een flexibel e-commerceplatform
Flexibel
Eén basis met ruimte voor verschillende merken
Schaalbaar
Herbruikbare componenten en templates
Maatwerk
Een eigen merkidentiteit zonder alles opnieuw te bouwen
Eén platform, verschillende ervaringen
CloudSuite ontwikkelde een e-commerceplatform waarmee verschillende retailers hun online winkel konden bouwen. Iedere klant had daarbij een eigen merk, doelgroep en commerciële context.
De uitdaging was daarom niet alleen om goede individuele webshops te ontwerpen, maar om een ontwerpaanpak te ontwikkelen die voor verschillende merken werkte. Een sterke basis moest herbruikbaar zijn, zonder dat alle webshops hetzelfde gingen voelen.
Schaalbaarheid betekent niet dat alles hetzelfde moet worden. Het gaat erom wat je kunt standaardiseren en waar je ruimte laat voor verschil.
Van webshop naar systeem
Ik werkte aan de UX en visual design van het CloudSuite-platform en de webshops die daarop werden gebouwd. Daarbij verschoof de focus steeds meer van afzonderlijke pagina's naar de onderliggende structuur.
Componenten, layouts en templates werden zo ontworpen dat ze op verschillende plekken opnieuw konden worden gebruikt. Daardoor konden nieuwe webshops sneller worden opgebouwd, terwijl er ruimte bleef om de visuele identiteit en behoeften van ieder merk te vertalen naar de interface.
Van losse interface-elementen naar een herbruikbare ontwerpstructuur.
Een basis die ruimte laat voor verschil
Een belangrijk onderdeel van mijn werk was het ontwikkelen van een design system en modulaire templates. De uitdaging daarbij was om voldoende structuur te creëren voor hergebruik, zonder ontwerpvrijheid onnodig te beperken.
Ik werkte daarom vanuit herkenbare bouwstenen die konden worden gecombineerd en aangepast aan de context van een webshop. Zo ontstond een ontwerpaanpak waarin standaardisatie en maatwerk elkaar aanvullen.
Structuur
Duidelijke bouwstenen voor een consistente en begrijpelijke gebruikerservaring.
Flexibiliteit
Herbruikbare componenten die kunnen worden aangepast aan merk en context.
Herbruikbaarheid
Eén ontwerpaanpak toepasbaar over verschillende pagina's, webshops en merken.
Van component naar complete webshop
De kracht van de aanpak zat in de combinatie van verschillende niveaus. Een component kon onderdeel worden van een patroon, een patroon van een template en een template van een complete webshop.
Hierdoor hoefde niet iedere nieuwe klant vanaf nul te beginnen. Tegelijkertijd konden onderdelen worden aangepast wanneer de context of merkidentiteit daarom vroeg.
Herbruikbare bouwstenen vormen de basis voor verschillende e-commerce ervaringen.
Verschillende merken, dezelfde basis
De ontwerpaanpak werd toegepast voor verschillende klanten van CloudSuite. Zo werkte ik onder andere aan webshops voor Garcia, Isaac Cycles en Charlie Temple.
Iedere webshop vroeg om een eigen vertaling van merk, product en doelgroep. De onderliggende ontwerpprincipes konden daarbij grotendeels hetzelfde blijven.
Garcia
Een visueel sterke fashionomgeving waarin merkbeleving en productpresentatie samenkomen.
Isaac Cycles
Een productgedreven e-commerceomgeving waarin techniek en productinformatie centraal staan.
Charlie Temple
Een visuele productervaring waarin eenvoud en presentatie belangrijk zijn voor de keuze van een bril.
Mijn rol als UX / Visual Designer
Mijn rol bewoog tussen UX, visual design en de verdere ontwikkeling van het platform. Ik ontwierp zowel voor het CloudSuite-product als voor de webshops die ermee werden gebouwd.
Daardoor werkte ik voortdurend op verschillende niveaus: van individuele interacties en componenten tot complete pagina's en webshopstructuren. Die combinatie hielp om ontwerpkeuzes niet alleen visueel goed te maken, maar ook bruikbaar en schaalbaar binnen het platform.
UX en visual design
Ontwerpen van gebruikerservaring, interactie en visuele identiteit voor het platform en klantwebshops.
Design system
Ontwikkelen van herbruikbare componenten, patronen en templates als basis voor verschillende webshops.
E-commerce design
Ontwerpen van B2B- en B2C-webshops voor verschillende merken en productcategorieën.
Samenwerken met development
Ontwerpkeuzes vertalen naar een technisch haalbare en schaalbare oplossing binnen het platform.
Schaalbaar zonder uniform te worden
De belangrijkste opbrengst van dit werk was een ontwerpaanpak die meerdere e-commerce ervaringen kon ondersteunen zonder iedere webshop opnieuw vanaf nul te hoeven ontwerpen.
- Herbruikbaarheid: componenten en templates konden opnieuw worden toegepast in verschillende contexten.
- Consistentie: terugkerende UX- en UI-patronen zorgden voor meer samenhang.
- Flexibiliteit: merken konden een eigen identiteit behouden binnen dezelfde ontwerpstructuur.
- Efficiëntie: nieuwe e-commerce ervaringen konden voortbouwen op bestaande ontwerpkeuzes.
