Platformredesign met AI

Het afgelopen jaar heeft WeAuction een ingrijpend herontwerptraject doorlopen, gericht op het moderniseren van het platform. Gedurende het project heeft het team kernonderdelen herontworpen, waaronder veilinglijsten, itempagina's, live veilingen, registratieflows, widgets en tenant-customisatiemogelijkheden.

Wat dit herontwerp bijzonder interessant maakt, is de rol die artificiële intelligentie gedurende het hele proces speelde. In plaats van AI te behandelen als een functie die aan eindgebruikers wordt geleverd, gebruikte het team het als versneller voor productdesign, UX-exploratie en frontend-ontwikkeling. Door AI-gestuurde designgeneratie te combineren met moderne software-engineeringpraktijken kon het team meer ideeën verkennen, concepten sneller valideren en snel naar implementatie overgaan zonder de kwaliteit in het gedrang te brengen.

Het Proces

Het herontwerp van WeAuction introduceerde een nieuwe aanpak voor productdesign en frontend-ontwikkeling door AI-gegenereerde designconcepten te gebruiken als startpunt voor implementatie. Een belangrijke rol in dit proces was weggelegd voor Lovable, een AI-gestuurde applicatiebuilder waarmee het team snel moderne interfaceconcepten en user journeys kon genereren.

In plaats van te beginnen met statische mock-ups en langdurige designiteraties, gebruikte het team Lovable om realistische designreferenties te maken die lieten zien hoe verschillende delen van het platform eruit konden zien en zich konden gedragen. Deze concepten hielpen stakeholders om het toekomstige platform vroeg in het proces te visualiseren en gaven developers een praktische basis voor implementatie. De gegenereerde designs werden niet rechtstreeks in productie genomen. In plaats daarvan dienden ze als inspiratie en richtlijn voor het ontwikkelteam, dat ze verfijnde, aanpaste en omzette in productierijpe oplossingen op maat van WeAuction's specifieke vereisten.

Traditioneel vergen herontwerpprojecten uitgebreide samenwerking tussen stakeholders, designers en developers voordat implementatie kan beginnen, waarbij meerdere designiteraties en feedbackrondes het proces vertragen.

Werken vanuit AI-gegenereerde designreferenties veranderde die dynamiek. Ideeën konden bijna onmiddellijk gevisualiseerd worden, wat discussies productiever maakte en onduidelijkheid over vereisten verminderde. Stakeholders evalueerden concepten op basis van concrete voorbeelden in plaats van abstracte beschrijvingen, wat leidde tot snellere besluitvorming en sterkere afstemming binnen het project.

Het herontwerp speelde ook in op bredere bedrijfsdoelen. WeAuction bedient meerdere klanten met verschillende brandingvereisten, waardoor flexibiliteit essentieel is voor de toekomst van het platform. Het werk richtte zich daarom niet alleen op esthetiek, maar ook op het bouwen van een aanpasbaar designsysteem dat verschillende tenants ondersteunt op een gedeelde productbasis — en al in een vroeg stadium werd verkend hoe AI toekomstige branding- en customisatiebehoeften zou kunnen ondersteunen.

Hoe Werkte Het?

Naast de designfase leunde het herontwerp op een moderne frontend-architectuur die gebouwd is voor onderhoudbaarheid op de lange termijn. Zodra Lovable's designconcepten waren beoordeeld en verfijnd, vertaalden developers ze naar gestructureerde productiecode met behulp van:

• Het nieuwste Angular-framework voor frontend-ontwikkeling.
• Tailwind CSS voor responsieve en onderhoudbare styling.
• Gegenereerde API-clients op basis van OpenAPI-specificaties.
• Ondersteuning voor lokalisatie bij meertalige implementaties.
• Een centraal theming-systeem, waarmee tenants kleuren, typografie, logo's en andere visuele elementen kunnen configureren terwijl ze hetzelfde onderliggende platform delen.

• Snellere UX-exploratie — Designconcepten die voorheen dagen kostten om te produceren, konden binnen minuten worden gegenereerd en geëvalueerd, wat tijd vrijmaakte voor verfijning in plaats van initiële exploratie.
• Betere afstemming met stakeholders — Werken vanuit concrete prototypes in plaats van uitgeschreven eisen verminderde onduidelijkheid en versnelde de besluitvorming.
• Kortere overdracht van design naar development — Door te starten vanuit realistische Lovable-referenties in plaats van abstracte specificaties te vertalen, konden developers eerder met de implementatie beginnen.

Conclusie 

Het herontwerp van WeAuction toont aan dat artificiële intelligentie substantiële waarde kan creëren, ook wanneer het geen deel uitmaakt van de uiteindelijke productervaring. Door Lovable te gebruiken om designconcepten en frontend-referenties te genereren, kon het team de UX-exploratie versnellen, de samenwerking met stakeholders verbeteren en het pad van idee naar implementatie verkorten. In combinatie met een moderne, op Angular gebaseerde architectuur, flexibele tenant-theming en een grondige vernieuwing van kernonderdelen van de gebruikerservaring, heeft het herontwerp WeAuction gepositioneerd voor toekomstige groei, terwijl het klanten en eindgebruikers nu al directe voordelen biedt.