Co-creëren in harmonie

Vijf productclusters worden ondersteund door honderden ontwikkelaars die een hele reeks applicaties, platforms en oplossingen creëren om de digitale transformatie van Elia Group te ondersteunen. Kleuren en stijlen lijken misschien minder belangrijk dan functionaliteit, maar ze zijn essentieel voor een goede gebruikservaring en het succes van deze nieuwe tools.

“Nova is het designsysteem van Elia Group. Het is een verzameling van herbruikbare componenten (zoals knoppen, iconen en functies) waarmee designers en ontwikkelaars aan de slag kunnen gaan om applicaties en interfaces voor Elia Group te bouwen. Je vindt er ook de visuele richtlijnen (kleuren, lettertypes, enz.) van het bedrijf, waardoor we consistente interfaces kunnen creëren en ons merkimago kunnen versterken. Nova biedt een kant-en-klare oplossing voor veel vragen die opduiken bij het ontwerpen van front-end interfaces. Op die manier kunnen designers en ontwikkelaars zich meer richten op de inhoud in plaats van op grafische details.”»

“Sinds begin 2024 ben ik Product Owner van Nova. Nova is twee jaar geleden ontstaan als een initiatief van het UX Center of Excellence (nu UX Chapter) en de IT-ontwikkelaars. Door de digitale transformatie van Elia Group is het belang van een designsysteem zoals Nova duidelijk geworden. Wat eerst begon als een project van een paar enthousiaste medewerkers naast hun dagelijkse werk, is uitgegroeid tot een volwaardig product met een toegewijd team van vijf personen. Nova is nu onderdeel van het productcluster ERA.”

Henry zorgt ervoor dat de gebruikersinterfaces binnen MCCS consistent zijn. De samenwerking met Nova was vanzelfsprekend, maar niet zonder uitdagingen.

“Binnen MCCS, het toekomstige systeem voor de controle en het beheer van het net, werken productteams aan verschillende modules en webapplicaties. Ik ben Product Owner van het ‘Galaxy’-team. Ons doel is om de gebruikersinterfaces van deze webapplicaties consistenter te maken. Net als Nova ontwikkelt mijn team een designsysteem voor front-end ontwikkeling. Dit systeem bevat ontwerprichtlijnen en design- en codebibliotheken die ontwikkelaars kunnen gebruiken om hun webapplicaties efficiënt en consistent te ontwikkelen en te onderhouden.”

Henry: “Dat is niet zo eenvoudig. We hebben het niet in de logische volgorde gedaan, waarbij je eerst een designsysteem voor de hele Groep ontwikkelt en het dan overal toepast. Onze digitale transformatie gaat sneller dan dat. Nova en MCCS zijn twee recente initiatieven die afzonderlijk zijn begonnen en in minder dan twee jaar enorm zijn gegroeid.

De MCCS-teams waren al begonnen met hun werk zonder Nova. Begin dit jaar benadrukte Elia Group nogmaals hoe belangrijk een consistent design is voor alle producten en interfaces in ontwikkeling. Toen zijn we met het Nova-team gaan overleggen over hoe we hun designsysteem konden integreren. We kwamen er al snel achter dat dit niet eenvoudig was, omdat MCCS een heel andere webapplicatie is dan wat Nova tot nu toe heeft ondersteund, met complexere en specifiekere eisen.

Het duurde enkele maanden voordat we elkaar goed kenden en begrepen wat we van elkaar konden verwachten en elkaar konden bieden. We kwamen samen tot de conclusie dat het niet mogelijk was om de technologie van Nova direct te gebruiken. Dit kwam niet alleen door de verschillende technology stacks die we gebruiken, maar ook omdat onze initiatieven zich parallel blijven ontwikkelen. We zouden elkaar kunnen tegenwerken als we een technische afhankelijkheid tussen de twee designsystemen zouden creëren. Uiteindelijk besloten we om de specificaties van Nova op ‘atomair en moleculair’ niveau te gebruiken, d.w.z. eenvoudige elementen zoals kleuren, lettertypes en knoppen. We blijven nauw in contact en houden elkaar op de hoogte over onze vorderingen, uitdagingen en best practices. Deze manier van samenwerken in een ‘loose coupling mode’ werkt voor beide partijen goed.”

Arnaud: “Het MCCS is een belangrijk en boeiend product, maar we konden ons niet enkel op hun noden toespitsen. We hebben ook andere klanten en willen een algemeen designsysteem ontwikkelen dat zoveel mogelijk producten kan ondersteunen. Het was een uitdaging om tot een compromis te komen, maar we hebben vooral ingezet op een constructieve dialoog. Nova heeft veel geleerd van deze samenwerking, zowel op technisch als organisatorisch gebied.”

Arnaud: “Begin oktober hebben we de bèta van Nova Tycho gelanceerd, een volledig nieuwe versie van onze codebase en assets. Deze versie voegt een extra abstractielaag toe aan het huidige systeem, wat meer flexibiliteit biedt voor de specialisten die onze oplossing gebruiken. Bovendien kunnen we hierdoor de verschillende technologieën die binnen de Groep worden gebruikt (Angular, React, Vue, Blazor, enz.) beter ondersteunen. Tot slot zorgt deze nieuwe versie ook voor een perfecte synchronisatie tussen design en ontwikkeling, wat de samenwerking tussen deze twee disciplines vergemakkelijkt.

In de volgende stappen blijven we werken aan deze nieuwe versie, zodat we begin 2025 een stabiele versie kunnen aanbieden. Met nieuwe componenten, uitgebreidere documentatie en concrete voorbeelden, willen we het ontwikkelen van digitale producten nog gemakkelijker maken.”