Jakub Kalitowski

Lead UI & Design System Designer @ Orange Polska

O Mnie i CV Portfolio Kontakt
intro

2021r. - 2022r.

Opis projektu

nju z aplikacją - zupełnie nowa oferta usług mobilnych oraz internetu światłowodowego z możliwością zakupu oraz zarządzania przez stronę www i aplikację, a do tego ambitny termin realizacji. Takie założenia wymagały znacznego usprawniania procesu projektowego oraz stworzenia solidnej, multiplatformowej biblioteki komponentów.

Moja rola w zespole

  • stworzenie koncepcji UI dla strony internetowej oraz aplikacji mobilnej
  • tworzenie i zarządzanie bibliotekami komponentów
  • optymalizacja procesu projektowego
  • udział w projektowaniu UX
  • udział w testach użyteczności
  • ścisła współpraca z zespołem deweloperskim

Projekt UI strony WWW

projekt strony internetowej
projekt strony internetowej

Projekt UI aplikacji mobilnej

specyfikacja kompoentu

Optymalizacja procesu projektowego

Ambitny termin wdrożenia projektu oraz praca zgodnie z metodyką SAFe (Scaled Agile Framework) wymagał zoptymalizowania procesu projektowego. Oprócz projektu UI, tworzenia i zarządzania biblioteką komponentów zaproponowałem i wdrożyłem szereg usprawnień przyspieszających i porządkujących pracę projektową.

Jednym z pierwszych i kluczowych dziłań była inicjatywa zmiany oprogramowania ze Sketcha na Figmę.

szablon karty

Mając do dyspozycji nowe i wydajne oprogramowanie, w kolejnym kroku mogłem zająć się organizacją plików. Zostały one podzielone na 3 części:
1. biblioteka komponentów
2. szablony ekranów
3. finalne widoki zaprezentowane jako czytelne user-flows.

szablon karty

Tak prezentuje się fragment pliku zawierający user flows dla jednego z procesów:

szablon karty

Dostosowując się do pracy w metodyce SAFe oraz pięciotygodniowych Program Incrementach przygotowałem propozycję archiwizacji i dokumentacji przyrostu projektu. Nietypowo wykorzystałem do tego możliwość tworzenia branch’y na Figmie. Branch’e mają tą przewagę nad “Version History” że w razie potrzeby można w nich wprowadzać drobne poprawki. Takie podejście ułatwiło ułatwiło nie tylko nam, ale przede wszystkim deweloperom ustalenie, które projekty powinny zostać zaplanowane na dany PI.

szablon karty

Projektując stronę WWW konieczne było przygotowanie widoków na rodzielczość desktopową, tabletową oraz mobile. Aby dla każdej z tych rozdzielczości nie tworzyć oddzielnych user flows ustaliliśmy, że taka dokumentacja będzie przygotowana tylko dla widoków desktopowych, a przy każdym projekcie znajdą się linki, które będą prowadziły do odpowiedniego szablonu ekranu na rozdzielczość tabletową oraz mobilną.

szablon karty