Dostępność jako dźwignia: European Accessibility Act
Nowe przepisy o dostępności potraktowane jako argument, który zamienia deklaracje o dostępności w konkretny plan prac.
Design system dla grupy energetycznej z wieloma markami. Rozwija go centrum kompetencji złożone głównie z projektantów mojego zespołu; ja daję wsparcie strategiczne i toolchain, który mierzy spójność marek.
Design system dla grupy energetycznej z wieloma markami, rozwijany przez centrum kompetencji, do którego dokładam wsparcie strategiczne i toolchain mierzący spójność marek.
Grupa przez lata przejmowała kolejne spółki, a każda miała własną markę i własny sposób projektowania. Efekt: 7–9 marek, które rosły organicznie i są na bardzo różnym poziomie dojrzałości. Jedna ma tylko brandbook w PDF-ie, inna design system opisany w Notion, kolejne pełne biblioteki komponentów w Figmie.
Design system rozwija centrum kompetencji, a centrum to ludzie. Większość z nich to projektanci z zespołu product design, którym kieruję. Każde z nas wnosi coś innego: ja strategię i narzędzia, Gabriela kierunek i prowadzenie projektowej strony CoE, a zespół wiedzę o produktach grupy, design systemach, dostępności i badaniach. Poniżej każda osoba opisana jest przez to, co robi w tym projekcie.
Product Design Manager · strategia CoE i toolchain
Zaproponowałem strategię centrum kompetencji i wskazałem problemy biznesowe, które może rozwiązać. Wymyśliłem, zaprojektowałem i zbudowałem z agentami AI toolchain, który mierzy spójność marek. Daję zespołowi wsparcie strategiczne i dbam, żeby miał warunki do pracy.
Product Design Lead
Prowadzi projektowanie całego ekosystemu cyfrowego grupy: aplikacji mobilnej dla klientów, portalu www i produktów B2B dla flot, ładowania i płatności. Współtworzyła centrum kompetencji i prowadzi je od strony projektowej (całością zarządza osoba po stronie klienta): ustala standardy i kierunek rozwoju produktów grupy w UX, UI i CX, także w spółkach zagranicznych w Niemczech, na Węgrzech i w Czechach. Zarządza zespołem projektantów i odpowiada za jakość produktów ekosystemu.
Product Designer
Prowadzi redesign aplikacji mobilnej dla klientów flotowych. Przeprojektowuje też aplikację mobilną na rynek węgierski i od podstaw projektuje jej wersję na rynek niemiecki. Wspólnie z zespołem prowadzi discovery, na których wypracowuje kierunki rozwiązań.
Senior Product Designer · Design Systems
Projektuje procesy dla dwóch sektorów biznesowych, audytuje istniejące rozwiązania oraz współrozwija design system grupy, którego architekturę współtworzył. Dba o spójność wizualną, strukturalną i architektoniczną całego produktu oraz jego dostępność zgodną z WCAG. Wspiera innych projektantów poprzez konsultacje i opiniowanie rozwiązań, a także tworzy zaawansowane prototypy i animacje.
UI/UX Designer
W ramach współpracy z grupą pracowała nad pierwszą wersją aplikacji mobilnej na rynek węgierski oraz design systemem dla platform webowych. Obecnie w CoE odpowiada za projektowanie i zarządzanie design systemem wspólnie z Pawłem Łabuzem, w tym za tworzenie, rozwój i akceptację komponentów.
UX/UI Designer
Rozwija design system platformy, na której stoją strony www grupy: nowe komponenty i wzorce, dokumentacja, przygotowanie do wdrożenia, architektura informacji. Zaprojektowała CMS do aplikacji mobilnej na rynek węgierski, w tym konfigurator benefitów programu lojalnościowego, który prowadzi twórcę treści krok po kroku.
Senior UI/UX & Product Designer
Od 3,5 roku odpowiada za projektowanie i rozwój aplikacji lojalnościowej grupy. Prowadzi proces produktowy end-to-end — od identyfikacji nowych możliwości i tworzenia koncepcji, przez łączenie potrzeb użytkowników z celami biznesowymi, realiami rynkowymi i możliwościami technologicznymi, aż po przygotowanie projektów gotowych do wdrożenia. Jako członek centrum kompetencji wspiera rozwój ekosystemu cyfrowego, dbając o jakość, standardy i spójność marki we wszystkich kanałach cyfrowych.
Design system rozwija centrum kompetencji (CoE) u klienta. Pracuje w nim 6 osób, głównie projektanci z zespołu product design, którym kieruję. Zarządza nim osoba po stronie klienta.
Zespół buduje wspólną bazę, z której każda marka bierze to, co wspólne, i dodaje swoje: kolory, typografię, charakter. Dodanie marki sprowadza się do zmiany ustawień. Decyzje są spisane, żeby za rok dało się odpowiedzieć na pytanie „dlaczego tak”. Produkty przechodzą na nowy system falami, w kolejności wynikającej z ryzyka i gotowości zespołów.
Decyzje są wdrażane po kolei, a CoE prowadzi je etapami. Centrum ustala też, kto utrzymuje system, jak przyjmuje zgłoszenia i jak nowy komponent trafia do biblioteki.
Przy kilku markach spójność nie utrzyma się na dobrej woli projektantów. To mój wkład w pracę zespołu: zbudowałem zestaw narzędzi, który regularnie porównuje projekty w Figmie z ustalonym standardem i pokazuje, gdzie się rozjeżdżają. Wyniki trafiają tam, gdzie zespół już pracuje: do Notion, Jiry i Confluence. Operator przegląda każdy rozjazd i decyduje, co z nim zrobić.
Kontrast par kolorów jest sprawdzany według WCAG 2.2 dla każdego trybu, także jasnego, ciemnego i żałobnego, a błąd zatrzymuje publikację. Nowa spółka w grupie to jeden plik konfiguracyjny, bez zmian w kodzie. Tokeny mają opis przeznaczony dla modeli językowych, więc korzystają z nich także agenci AI, a wartości ustalone ręcznie są chronione przed nadpisaniem.
Design system robi zespół CoE. Ja daję mu wsparcie strategiczne, a od siebie dokładam toolchain.
Toolchain wymyśliłem, zaprojektowałem i zbudowałem sam, pracując z agentami AI. Klient nie wiedział, że takie narzędzia da się zbudować szybko ani że w ogóle da się je zbudować. To ja wskazałem problemy biznesowe, które te narzędzia rozwiązują.
Metoda z tego projektu stała się podstawą produktu Gromatik, opisanego w osobnym case study.
Że umiem dołożyć do pracy zespołu narzędzia, które pilnują spójności wielu marek i zostawiają decyzję człowiekowi. System ma przy tym spisane decyzje, plan przejścia i właściciela po stronie klienta, więc nie zależy od jednej osoby.
Pytania o: Design system dla grupy energetycznej z wieloma markami