--- title: "Modernizacja aplikacji" url: "https://wzor.biz/uslugi/modernizacja-aplikacji/" description: "Modernizacja aplikacji bez przepisywania systemu. Nowy interfejs na istniejącym backendzie, wdrażany ekran po ekranie, z przełącznikiem i drogą powrotu." lang: "pl" --- # Modernizacja aplikacji [Bezpłatna konsultacja](https://wzor.biz/bezplatna-konsultacja/) [Projekty](https://wzor.biz/projekty/) Produkt działa, zarabia i ma użytkowników, których nie da się na pół roku odciąć od pracy. Zakładamy na niego nowy interfejs partiami - ekran po ekranie, na tych samych danych, za przełącznikiem, który cofa się tego samego dnia. Pracowaliśmy dla najlepszych firm i startupów Wyzwania ## Trzy momenty, w których modernizacja wyprzedza przepisanie od zera Nie wiesz, czy Twój przypadek to modernizacja, czy jednak nowy produkt? [Umów konsultację](https://wzor.biz/bezplatna-konsultacja/) - powiemy wprost także wtedy, gdy przepisanie wyjdzie taniej. - „Rewrite został wyceniony i odłożony” Ktoś policzył koszt napisania systemu od nowa, zarząd zobaczył liczbę i temat wrócił do szuflady. Interfejs starzeje się dalej, bo jedyny rozważany wariant był wariantem wszystko albo nic. - „Interfejs przegrywa demo, choć produkt wygrywa funkcjami” Handel dostaje pytania o wygląd wcześniej niż o możliwości, a młodszy konkurent robi wrażenie samym pierwszym ekranem. Różnicy nie widać w changelogu, tylko na spotkaniu sprzedażowym. - „Nowa osoba uczy się systemu z instrukcji, nie z ekranu” Wdrożenie operatora opiera się na dokumencie, wewnętrznym szkoleniu i koledze z sąsiedniego biurka. Interfejs, który wymaga tłumaczenia, kosztuje przy każdej rekrutacji i przy każdym nowym kliencie. Dla kogo ## Dla kogo modernizujemy aplikacje - ### Producenci oprogramowania z długą historią wersji Produkt sprzedaje się od lat, ma komplet funkcji i klientów, których nie da się przenieść z dnia na dzień. Nowy interfejs powstaje tak, żeby dało się go włączać instancja po instancji, bo część odbiorców będzie chciała zostać przy starym widoku jeszcze przez jeden cykl budżetowy. - ### Zespoły utrzymujące system wewnętrzny bez budżetu na rewrite Aplikacja niesie codzienną pracę działu, a jej przepisanie nigdy nie wygra priorytetu z roadmapą sprzedażową. Migracja idzie z bieżącego budżetu utrzymaniowego, ekranami, które najczęściej trafiają do zgłoszeń serwisowych. - ### SaaS, który przerósł swój pierwszy interfejs Nawigacja projektowana pod pięć funkcji obsługuje dziś czterdzieści, a nowe moduły doklejane są tam, gdzie akurat było miejsce. Porządkujemy architekturę widoków i wprowadzamy ją stopniowo, żeby obecni klienci nie zastali innego produktu po jednym logowaniu. - ### Firmy z aplikacją, której nie wolno wyłączyć System pracuje w trybie ciągłym, a okno serwisowe liczy się w minutach i wymaga zgody poza zespołem produktowym. Każde wydanie planujemy z warunkiem wejścia i procedurą powrotu, więc zmiana interfejsu nie wymaga zatrzymania operacji. ![Wydruki czterech układów interfejsu na stole: pulpit, ekran telefonu, formularz i tabela, jeden blok zakreślony markerem](https://wzor.biz/_astro/dla-kogo-wydruki-ekranow.GsgQefUA_1bzGfa.webp) Nasza różnica ## Czym różni się nasze podejście - ### Zaczynamy od jednego ekranu na produkcji Pierwszym efektem nie jest komplet makiet, tylko jeden widok przepuszczony przez całą drogę aż do użytkowników. Dopiero on pokazuje, gdzie nowy interfejs zderza się z realnymi danymi, uprawnieniami i przyzwyczajeniami zespołu - i jest to wiedza z produkcji, a nie z prototypu. - ### Nie ruszamy kontraktów danych Backend zostaje tam, gdzie jest. Różnice między tym, czego potrzebuje nowy widok, a tym, co oddaje istniejące API, pokrywamy warstwą pośrednią po stronie interfejsu. Zmiany w backendzie zbieramy jako osobną listę z uzasadnieniem, żeby były decyzją, a nie skutkiem ubocznym redesignu. - ### Każde wydanie ma drogę powrotu Nowy ekran wchodzi za przełącznikiem, na wskazaną grupę użytkowników, z ustalonym z góry warunkiem wycofania. Powrót do starego widoku jest operacją na minuty i nie wymaga wydania awaryjnego, więc zespół nie odkłada wdrożenia na spokojniejszy tydzień. - ### Wygaszenie starego interfejsu jest w zakresie Zadanie kończy się w momencie, w którym stare widoki znikają z kodu, a nie w momencie oddania nowych. Najdroższy scenariusz modernizacji to dwa interfejsy utrzymywane obok siebie przez lata - dlatego data ich rozdzielenia stoi w planie wydań od pierwszego tygodnia. Proces ## Od spisu ekranów do wygaszenia starego interfejsu 1. Tydzień 1–2 ### Inwentaryzacja ekranów i ruchu Przechodzimy produkt widok po widoku razem z Waszym zespołem i analityką. Wychodzi z tego lista ekranów z ruchem, rolami i miejscami, w których użytkownicy tracą najwięcej czasu. 2. Tydzień 2–3 ### Kolejność i podział na wydania Ustalamy, co przechodzi na nowy interfejs najpierw, a co czeka. Kolejność bierze się z kosztu operacyjnego i ryzyka wdrożenia, nie z tego, który ekran ładniej wygląda w portfolio. 3. Tydzień 3–6 ### Pierwszy ekran end-to-end Jeden pełny widok przechodzi całą drogę - projekt, komponenty, integracja z istniejącym API, testy z użytkownikami, wejście na produkcję za przełącznikiem. To on weryfikuje założenia całej migracji. 4. Tydzień 6 i dalej ### Kolejne partie ekranów Migracja idzie wydaniami wpisanymi w Wasze sprinty. Stary i nowy widok żyją obok siebie, a udział ruchu na nowym interfejsie rośnie w tempie, które kontrolujecie Wy, nie kalendarz projektu. 5. Ostatnie wydanie ### Wygaszenie starych widoków Ostatnie wydanie usuwa przełączniki i stary kod interfejsu. Bez tego kroku modernizacja kończy się dwoma interfejsami utrzymywanymi równolegle, czyli kosztem większym niż przed startem. Zakres ## Trzy rzeczy. Nie prezentacja z nowym wyglądem - ### Mapa migracji ekranów Spis wszystkich widoków produktu z ruchem, rolami użytkowników i kosztem operacyjnym każdego z nich. Do tego kolejność przechodzenia na nowy interfejs, podział na wydania i termin, w którym stare widoki znikają z kodu. - ### Nowe ekrany gotowe do wdrożenia Projekty w Figmie i komponenty w Waszym stacku, zbudowane na kontraktach danych, które już macie. Każda partia wchodzi na produkcję osobno, więc pierwsze ekrany pracują, zanim powstaną ostatnie. - ### Plan wydań i wycofania Dla każdej partii jedno miejsce z kompletem ustaleń: zakres, warunek wejścia, grupa użytkowników, mierniki do obserwacji i procedura powrotu do starego widoku. Po wydaniu dokładamy raport pokrycia. Warsztat ## Co stosujemy Modernizacja żywego systemu to w połowie projektowanie, a w połowie kolejność i odwracalność zmian. Stąd zestaw, w którym obok standardów interfejsu stoją wzorce wdrożeniowe. ![Blat warsztatowy z góry: dwa wydruki układu interfejsu, lupa powiększająca jeden blok, stalowa linijka i wzornik szarości od bieli do czerni, jedna linia podkreślona pomarańczowym markerem](https://wzor.biz/_astro/warsztat-lupa-linijka-skala-szarosci.C5DINzRJ_Z2n7L7C.webp) - Strangler Fig Pattern (Martin Fowler) - Feature flagi i wydania kanarkowe - WCAG 2.2 AA accessibility - Design Tokens W3C standard - Core Web Vitals (LCP, INP, CLS) - Testy moderowane na zadaniach z produkcji Następny krok ## Porozmawiajmy o Waszym projekcie Powiedzcie, co macie do zrobienia. Wracamy z zakresem i wyceną. [Bezpłatna konsultacja](https://wzor.biz/bezplatna-konsultacja/) [Projekty](https://wzor.biz/projekty/) Realizacje ## Realizacje z produktów, które modernizujemy najczęściej Wybór projektów z tych typów systemów, przy których modernizacja pojawia się u nas najczęściej - paneli operacyjnych, aplikacji webowych i platform sprzedawanych klientom biznesowym. Mapy migracji powstają w systemach klientów, więc pokazujemy je na konsultacji. - [ ![WygodnaDieta - telefon z ekranem głównym aplikacji: ocena „Doskonała" na Trustpilocie i karta diety „Dieta z Wyborem Menu" z ceną od 80,90 zł/dzień, na tle czerwonego gradientu z warzywami.](https://wzor.biz/_astro/cover.BfmwIntu_1CFKMk.webp) WygodnaDieta - Aplikacja i sklep internetowy diety pudełkowej ](https://wzor.biz/projekty/wygodna-dieta/) - [ ![NeoBank - trzy telefony na zielonym tle z logotypem marki w tle: karty płatnicze, pulpit z dostępnymi środkami 27 568,89 zł i skrótami do przelewu oraz cel oszczędnościowy wypełniony w 61%.](https://wzor.biz/_astro/cover.cTNj7kPE_Z2t5E6w.webp) NeoBank - Koncepcja aplikacji bankowej dla młodych klientów ](https://wzor.biz/projekty/neobank/) - [ ![myAzymut - monitor z mapą Europy i trasami przesyłek między miastami, panel „Sygnał floty" z listą pojazdów bez sygnału i z opóźnionym sygnałem oraz oś czasu na dole; w tle nocny węzeł autostradowy i duży napis myAzymut.](https://wzor.biz/_astro/cover.CMSoXGtF_Kvont.webp) myAzymut - Koncepcja portalu klienta dla firmy transportowej ](https://wzor.biz/projekty/myazymut/) - [ ![Puls CRM - logotyp z niebieską linią pulsu nad monitorem z ekranem „Deale": boczne menu, kanban lejka sprzedaży z kolumnami Nowe, W rozmowach, Propozycja i Wygrane oraz karty deali z firmą, wartością i liczbą dni w etapie; w tle jasne, błękitne fale.](https://wzor.biz/_astro/cover.B_Q_VQbe_1ERf64.webp) Puls CRM - Koncepcja aplikacji CRM dla zespołu sprzedaży ](https://wzor.biz/projekty/puls-crm/) - [ ![Flotino - kalkulator pożyczki i ekran „Dla kogo jest nasza pożyczka online?" na makietach telefonu, na tle rozmytych barwnych plam.](https://wzor.biz/_astro/cover.BIgugYRo_ZeHyg7.webp) Flotino - Serwis internetowy z pożyczkami gotówkowymi ](https://wzor.biz/projekty/flotino/) - [ ![PWS Konstanta - strona główna na makiecie laptopa: hero „Najwyższa jakość ubezpieczeń poparta doświadczeniem" ze zdjęciem kapitelu kolumny i plakietką „30 lat".](https://wzor.biz/_astro/cover.CtYGmRYj_Z2gVAJr.webp) PWS Konstanta - Strona brokera ubezpieczeniowego ](https://wzor.biz/projekty/pw-konstanta/) - [ ![Fonia - dwa telefony na turkusowym tle: ekran główny aplikacji cashback z saldem 325,53 zł i listą sklepów partnerskich, obok wyszukiwarka sklepów z podpowiedziami Empik, Booking, AliExpress i Play.](https://wzor.biz/_astro/cover.DdIowm6o_Z12riqx.webp) Fonia - Aplikacja cashback dla osób kupujących online ](https://wzor.biz/projekty/fonia/) - [ ![EzzyGuide - trzy telefony na ciemnym tle: potwierdzenie rejestracji, profil przewodniczki Małgorzaty Iwańskiej z oceną gwiazdkową i szczegóły wycieczki „Śladami Wrocławskich Krasnali" z ceną i danymi kontaktowymi.](https://wzor.biz/_astro/cover.DW1rNgrl_ca7w6.webp) EzzyGuide - Aplikacja z wycieczkami łącząca przewodników i turystów ](https://wzor.biz/projekty/ezzyguide/) - [ ![VERSA - panel B2B dystrybutora części samochodowych otwarty na tablecie trzymanym w dłoniach: podsumowanie konta, mapa śledzenia przesyłki, program partnerski z rabatem 30%, historia zamówień i lista popularnych produktów.](https://wzor.biz/_astro/cover.DWv2CO5n_Z27qwnC.webp) VERSA - Koncepcja Panelu B2B dla dystrybutora części ](https://wzor.biz/projekty/panel-b2b-versa/) - [ ![Tip Card - dwa telefony: panel klienta („Cześć Barbara", przychody 350 PLN, wypłata) oraz landing „Zwiększ swoje napiwki dzięki Tip Card!" ze spersonalizowanymi kartami QR, na kolorowym gradientowym tle.](https://wzor.biz/_astro/cover.DTw-Pu6y_4lOMF.webp) Tip Card - Platforma napiwków bezgotówkowych ](https://wzor.biz/projekty/tip-card/) - [ ![Jawny Lublin - laptop z otwartą stroną główną portalu: artykuł wiodący „Wyjdź z domu - nie tylko do przychodni", menu kategorii miejskich i kolumna z popularnymi tekstami.](https://wzor.biz/_astro/cover.DReNwwRw_1JC914.webp) Jawny Lublin - Portal obywatelski o jawności miasta ](https://wzor.biz/projekty/jawny-lublin/) - [ ![NXC Liquid Cooling - ekran startowy serwisu na laptopie, obok telefon w ujęciu pod kątem z etapem procesu i kulą marki, na fioletowym tle.](https://wzor.biz/_astro/cover.D5gcxP4g_Z1zSAqQ.webp) NXC Liquid Cooling - Serwis systemów chłodzenia cieczą ](https://wzor.biz/projekty/nxc-liquid-cooling/) - [ ![Bosfor BALI Dealer - monitor i telefon z otwartą stroną dealera katamaranów: hero „BALI is about comfort" ze zdjęciem katamaranu i hasłem „Marzenia są po to, żeby je spełniać".](https://wzor.biz/_astro/cover.DGxZT243_Z1A6GRy.webp) Bosfor BALI Dealer - Strona dealera katamaranów BALI ](https://wzor.biz/projekty/bosfor-bali/) - [ ![Bosfor Charter - tablet z otwartą platformą czarteru jachtów: zdjęcie pary na jachcie i wyszukiwarka (liczba tygodni, daty, typ jachtu, „Szukaj"), na tle morza.](https://wzor.biz/_astro/cover.DHPu_e5c_Zgsk30.webp) Bosfor Charter - Platforma wynajmu i czarteru jachtów ](https://wzor.biz/projekty/bosfor-charter/) - [ ![SPEC Food Service - monitor i telefon z otwartym serwisem: hero „Twój zaufany partner w świecie gastronomii" ze zdjęciami z kuchni i renderem budynku firmy, na jasnym tle.](https://wzor.biz/_astro/cover.DdJ4QOy5_22gHR2.webp) SPEC Food - Serwis dla gastronomii - SPEC Food Service ](https://wzor.biz/projekty/spec-food-service/) - [ ![Thaliana Space - tablet z otwartą stroną firmy kosmicznej: hero „Propelling new era of space” ze zdjęciem planety i gwiazd, na czarnym tle.](https://wzor.biz/_astro/cover.CULgsv9m_1E9sVv.webp) Thaliana Space - Strona firmy z sektora kosmicznego ](https://wzor.biz/projekty/thaliana-space/) - [ ![Wolumen - krok „Oferta" w porównywarce cen energii: trzy warianty taryfy ze stawkami za kWh, wybór okresu umowy i pole kodu rabatowego, obok karta statystyk konta z oszczędnością 34 225 zł oraz cenami prądu i gazu; na niebieskim tle.](https://wzor.biz/_astro/cover.CpuQAJvX_ZyCKhF.webp) Wolumen - Porównywarka cen energii i gazu dla firm ](https://wzor.biz/projekty/wolumen/) - [ ![Econverse - dwa telefony z widokami strony wydarzenia: nagłówek „Bilet do świata start-upów" oraz sekcja „Jak zapisać się na Econverse", na fioletowym tle.](https://wzor.biz/_astro/cover.B94izcES_7kHPe.webp) Econverse - Strona internetowa wydarzenia dla start-upów ](https://wzor.biz/projekty/econverse-strona/) - [ ![DentAg - telefon i tablet z otwartą stroną gabinetu stomatologicznego: hero „Życzliwość i profesjonalizm" ze zdjęciem stomatolożki, na niebieskim tle.](https://wzor.biz/_astro/cover.-U2qFI7e_1odNAb.webp) DentAg - Strona internetowa gabinetu stomatologicznego ](https://wzor.biz/projekty/dentag/) - [ ![AIESEC - tablet i laptop z otwartą stroną główną: hero „Wyjedź na praktykę z AIESEC", mozaika zdjęć uczestników i przyciski „Wyjedź na praktykę lub wolontariat" oraz „Zostań naszym partnerem".](https://wzor.biz/_astro/cover.Bju2-F43_Z1bbDVk.webp) AIESEC - Strona praktyk i wolontariatu za granicą ](https://wzor.biz/projekty/aiesec/) - [ ![QSAN (DAGMA) - laptop i telefon z otwartą stroną produktową: hero „Flagowy model Unified Storage” z macierzą dyskową, na ciemnym tle z zielonym akcentem.](https://wzor.biz/_astro/cover.DKpQ_Ne6_Z1Itgbp.webp) DAGMA - Strona produktowa macierzy dyskowych QSAN ](https://wzor.biz/projekty/dagma/) - [ ![Bosfor Group - laptop z otwartą stroną grupy żeglarskiej: hero „Twoja przygoda na morzu rozpoczyna się z Bosfor Group" ze zdjęciem katamaranu, na tle morza.](https://wzor.biz/_astro/cover.C0etgjfR_Z1t33er.webp) Bosfor Group - Strona firmowa grupy żeglarskiej Bosfor ](https://wzor.biz/projekty/bosfor-group/) - [ ![Mobilizacja Biznesu - monitor i telefon z otwartą stroną firmy: hero „Experience you can trust" z makietami aplikacji mobilnych, na ciemnym tle z niebieskim akcentem.](https://wzor.biz/_astro/cover.CaV1NQ00_Z17Sc3N.webp) Mobilizacja Biznesu - Strona firmy narzędzi mobilnych ](https://wzor.biz/projekty/mobilizacja-biznesu/) - [ ![Pro Sensum - laptop i telefon z otwartą stroną pracowni psychologicznej: hero „Indywidualne i grupowe terapie psychologiczne" ze zdjęciem sesji terapeutycznej, na jasnym tle.](https://wzor.biz/_astro/cover.DCCqbSSm_27H8O4.webp) Pro Sensum - Strona internetowa pracowni psychologicznej ](https://wzor.biz/projekty/pro-sensum/) [Projekty](https://wzor.biz/projekty/) Efekty ## Co dostajecie, w jakim terminie i po czym to sprawdzicie - 6 tygodni Tyle dzieli brief od pierwszego widoku wypuszczonego na produkcję za przełącznikiem, razem z testami i integracją - Ten sam backend Nowy interfejs siada na istniejących API i kontraktach danych - różnice pokrywamy adapterem po stronie interfejsu - WCAG 2.2 AA Publiczny standard dostępności W3C, wobec którego sprawdzamy każdy ekran, zanim wejdzie do wydania - Raport co wydanie Po każdej partii podajemy udział ruchu obsługiwanego przez nowy interfejs, więc postęp migracji jest liczbą, a nie wrażeniem Terminy i zakres wydań pochodzą z harmonogramu opisanego wyżej na tej stronie, a WCAG 2.2 AA to publiczny standard W3C. Nie uśredniamy wyników wdrożeń u klientów - mapy migracji i raporty pokrycia żyją w systemach klientów, więc pokazujemy je imiennie na konsultacji. Opinie klientów ## Co mówią nasi klienci - > „Praca z zespołem Wzór była naprawdę świetnym doświadczeniem! Zawsze szybko odpowiadali na nasze pytania i elastycznie podchodzili do naszych uwag. Mają mnóstwo kreatywnych pomysłów, a jednocześnie są bardzo rzetelni i terminowi. Efekt końcowy w pełni spełnił nasze oczekiwania, zdecydowanie polecamy każdemu, kto szuka profesjonalistów z pasją.” ![](https://wzor.biz/_astro/opinia.BrbzyDCf_1rSYiY.webp)Maja Wieloch-Silecka Dyrektor operacyjny, Bosfor Group - > „Nasi Klienci oczekują od nas szybkiego, skutecznego działania w bardzo szerokim zakresie. Od stworzenia brandu, przez budowę strony internetowej wraz ze sklepem po przeprowadzenie skutecznej kampanii sprzedażowej. Temat niełatwy, ale do zrobienia jeśli ma się zgrany zespół i firmy, z którymi wyzwania bierze się z marszu. Dla nas jakość, odpowiedzialność i zaangażowanie są kluczowe, a współpraca z Agencją UX Wzór zapewnia nam to w 100%.” ![](https://wzor.biz/_astro/piotr-alberski.B09Ae7iY_Z19yEFs.webp)Piotr Alberski Chief Operating Officer, Agencja XO Media - > „Współpraca z Agencją UX Wzór rozpoczęła się od naszej strony internetowej. Bardzo spodobał się nam sposób ich pracy. Dlatego podjęliśmy decyzję o podzlecaniu projektów realizowanych dla naszych Klientów w formie White Label. Bardzo spodobał nam się ich flow pracy, przekazywanie projektów naszemu zespołowi, ich dokumentacja czy praca na design systemie. Teraz możemy podejmować większe ryzyko.” ![](https://wzor.biz/_astro/mateusz-swol.DkFG1xeC_1fOqLw.webp)Mateusz Swół Chief Operating Officer, Sellace Czas i zakres ## Ile trwa modernizacja i od czego zależy wycena 6–16 tygodni Sześć tygodni to droga do pierwszego widoku działającego na produkcji. Pełna migracja mierzy się liczbą wydań, nie jedną datą - przy kilkudziesięciu ekranach, wielu rolach albo kilku instancjach produktu rozkłada się na kilkanaście tygodni i dalej, dlatego zakres tniemy tak, żeby każde wydanie samo w sobie coś naprawiało. - Liczba ekranów i ról użytkowników objętych migracją - Stan istniejącego API i to, ile trzeba pokryć warstwą pośrednią - Stack frontendowy oraz możliwość wpięcia przełączników wydań - To, czy kod piszemy my, Wasz zespół, czy obie strony razem - Liczba instancji produktu, na które nowy interfejs ma wejść Pytania ## Pytania, które padają najczęściej Ile kosztuje modernizacja aplikacji? Wyceniamy indywidualnie, bo dwa produkty o tej samej liczbie ekranów potrafią różnić się kosztem kilkukrotnie. Na wycenę wpływa liczba widoków i ról objętych migracją, stan istniejącego API i to, ile trzeba pokryć warstwą pośrednią, możliwość wpięcia przełączników wydań w Wasz stack, podział pracy między nasz zespół a Wasz oraz liczba instancji produktu, na które nowy interfejs ma wejść. Wstępny zakres i podział na wydania dostajesz w trzy dni robocze od briefu, a wiążącą propozycję po inwentaryzacji ekranów. Czy trzeba przy tym przepisać backend? Nie. Punktem wyjścia jest założenie, że backend zostaje tam, gdzie jest, a nowy interfejs siada na istniejących API i kontraktach danych. Różnice między tym, czego potrzebuje nowy widok, a tym, co oddaje obecny endpoint, pokrywamy warstwą pośrednią po stronie interfejsu. Zmiany, których naprawdę nie da się obejść, zbieramy jako osobną listę z uzasadnieniem i kosztem, żeby były Waszą decyzją, a nie efektem ubocznym redesignu. Czym to się różni od audytu UX? Audyt kończy się diagnozą - listą problemów z priorytetami i rekomendacjami do wdrożenia po Waszej stronie (patrz [/uslugi/audyty-ux/](https://wzor.biz/uslugi/audyty-ux/)). Modernizacja zaczyna się tam, gdzie audyt się kończy, i doprowadza zmianę do produkcji - projektuje nowe ekrany, wpina je za przełącznikiem i prowadzi migrację aż do usunięcia starych widoków. Jeśli nie wiecie jeszcze, czy problem leży w interfejsie, tańszą pierwszą rundą bywa audyt. Czy to nie jest po prostu design system? Nie, choć często idą razem. Design system to biblioteka komponentów jako osobny produkt z własnym utrzymaniem i governance (patrz [/uslugi/design-system/](https://wzor.biz/uslugi/design-system/)). Modernizacja dotyczy konkretnych ekranów Waszej aplikacji i kończy się wtedy, gdy stare widoki znikają z kodu. Biblioteka powstaje tu w zakresie, jakiego wymaga migracja - jeśli po drodze okaże się, że opłaca się ją rozbudować do pełnego systemu, mówimy o tym wprost i wyceniamy osobno. Co z użytkownikami przyzwyczajonymi do starego interfejsu? Dlatego migracja idzie partiami, a nie jednym przełączeniem. Nowy widok włącza się wskazanej grupie - najpierw zespołowi wewnętrznemu, potem wybranym klientom albo rolom - a nie całemu ruchowi naraz. Przez czas przejściowy oba interfejsy działają obok siebie, więc powrót do starego widoku jest kwestią minut. Do wydań, które zmieniają utrwalone nawyki, przygotowujemy krótkie materiały wprowadzające dla Waszego zespołu wsparcia. Kto pisze kod - Wy czy nasz zespół? Pracujemy w obu modelach i decyzja należy do Was. Możemy wejść we frontend Waszego repozytorium i dowozić ekrany razem z Waszymi developerami, możemy też oddać projekty i komponenty do implementacji po Waszej stronie, zostając przy review i planie wydań. Najczęstszy układ jest mieszany - pierwszy ekran end-to-end robimy my, żeby ustawić wzorzec, a kolejne partie przechodzą stopniowo do Waszego zespołu. Co się stanie, jeśli migracja utknie w połowie? To najczęstszy sposób, w jaki modernizacje kończą się drożej niż rewrite, więc planujemy ją tak, żeby połowa drogi też miała wartość. Każde wydanie jest zamkniętą całością - naprawia konkretne ekrany i samo w sobie się broni, nawet gdyby kolejne przesunęło się o kwartał. Termin rozdzielenia starego i nowego interfejsu stoi w planie od pierwszego tygodnia, a po każdym wydaniu raportujemy, jaki udział ruchu obsługuje już nowy interfejs. Zatrzymanie migracji jest wtedy decyzją podjętą na liczbach, a nie stanem, który zauważacie po roku. Powiązane usługi ## Powiązane usługi - [Konsultacje UX](https://wzor.biz/uslugi/konsultacje-ux/) - [Product discovery](https://wzor.biz/uslugi/warsztaty-ux/) - [Audyt UX](https://wzor.biz/uslugi/audyty-ux/) - [Badania UX](https://wzor.biz/uslugi/badania-uzytkownikow/) - [Strategia Produktu](https://wzor.biz/uslugi/strategia-produktu/) - [Audyt techniczny](https://wzor.biz/uslugi/audyt-techniczny/)