[{"data":1,"prerenderedAt":177},["ShallowReactive",2],{"case-study-pl-ebr":3},{"id":4,"title":5,"body":6,"client":162,"cover":163,"desc":164,"description":150,"extension":165,"figma":162,"link":162,"meta":166,"navigation":167,"order":151,"path":168,"product":169,"role":170,"scope":171,"screens":162,"seo":172,"stem":173,"tag":174,"tools":175,"video":162,"__hash__":176},"caseStudies_pl\u002Fpl\u002Fcase-studies\u002Febr.md","Efektywne Biuro Rachunkowe",{"type":7,"value":8,"toc":149},"minimark",[9,14,18,22,25,48,52,58,65,69,72,76,80,92,96,99,104,108,112,116,120,123,137,141,144],[10,11,13],"h2",{"id":12},"kontekst","Kontekst",[15,16,17],"p",{},"Poprzednia strona była gęsta i chaotyczna: dużo tekstu, niski kontrast i słaba hierarchia sprawiały, że kluczowy przekaz i przyciski akcji ginęły. Celem było uproszczenie komunikacji, wyeksponowanie korzyści i poprowadzenie użytkownika wprost do umówienia prezentacji.",[10,19,21],{"id":20},"odkrycie-jak-zdefiniowałam-problemy","Odkrycie — jak zdefiniowałam problemy",[15,23,24],{},"Punktem wyjścia był brief od klienta oraz moja własna analiza UX istniejącej strony. Przejrzałam poprzednią wersję pod kątem hierarchii, czytelności i ścieżki do CTA, a wnioski przełożyłam na listę problemów do rozwiązania — bez formalnych badań z użytkownikami, za to z konkretną oceną tego, gdzie ginie kluczowy przekaz.",[26,27,28,36,42],"ul",{},[29,30,31,35],"li",{},[32,33,34],"strong",{},"Brief klienta"," — cele biznesowe, grupa docelowa i najważniejszy komunikat sprzedażowy.",[29,37,38,41],{},[32,39,40],{},"Analiza istniejącej strony"," — audyt hierarchii, kontrastu i ilości treści w hero.",[29,43,44,47],{},[32,45,46],{},"Ścieżka konwersji"," — prześledzenie drogi użytkownika do umówienia prezentacji i miejsc, gdzie się urywa.",[10,49,51],{"id":50},"dla-kogo-projektowałam","Dla kogo projektowałam",[53,54],"case-cards",{":items":55,"frustrationLabel":56,"goalLabel":57},"[{\"title\":\"Właściciel biura rachunkowego\",\"goal\":\"szybko ocenić, czy narzędzie usprawni pracę biura i umówić prezentację.\",\"frustration\":\"ściana tekstu i brak wyraźnego komunikatu utrudniały ocenę oferty.\"},{\"title\":\"Pracownik \u002F księgowa\",\"goal\":\"zrozumieć, jak narzędzie ułatwi codzienną obsługę klientów i dokumentów.\",\"frustration\":\"niejasna hierarchia i rozproszone CTA nie prowadziły do kolejnego kroku.\"}]","Frustracja:","Cel:",[59,60],"case-split",{":leftItems":61,":rightItems":62,"leftTitle":63,"rightTitle":64},"[\"Przeładowany hero — za dużo treści naraz.\",\"Niska hierarchia i słaby kontrast tekstu.\",\"Niejasna, rozproszona ścieżka do CTA.\",\"Niespójny system wizualny i typografia.\"]","[\"Uprościć hero i wyostrzyć główny komunikat.\",\"Zbudować wyraźną hierarchię i czytelność.\",\"Poprowadzić użytkownika jedną, jasną ścieżką do CTA.\",\"Ujednolicić typografię, kolor i komponenty.\"]","Problem","Cele",[10,66,68],{"id":67},"proces-od-chaosu-do-jasnej-ścieżki","Proces — od chaosu do jasnej ścieżki",[15,70,71],{},"Redesign prowadziłam krok po kroku: najpierw odchudziłam komunikację, potem zbudowałam hierarchię i spójny system wizualny, a na końcu wyprostowałam ścieżkę do konwersji.",[73,74],"case-steps",{":items":75},"[{\"title\":\"Uproszczenie komunikatu\",\"desc\":\"Jeden mocny nagłówek zamiast ściany tekstu — od razu wiadomo, co oferuje produkt.\"},{\"title\":\"Hierarchia i oddech\",\"desc\":\"Wyraźne poziomy treści, kontrast i przestrzeń — kluczowe elementy przestały ginąć.\"},{\"title\":\"System wizualny\",\"desc\":\"Spójna typografia, kolor i komponenty jako fundament całej strony.\"},{\"title\":\"Ścieżka do CTA\",\"desc\":\"Jedna, jasna droga do umówienia prezentacji — powtarzalne, przewidywalne akcje.\"}]",[10,77,79],{"id":78},"przed-i-po-strona-główna","Przed i po — strona główna",[81,82],"compare-slider",{":badges":83,"after":84,"afterAlt":85,"aspect":86,"before":87,"beforeAlt":88,"caption":89,"hint":90,"maxWidth":91},"true","\u002Fassets\u002Febr-after.png","Nowa wersja strony EBR — czysty hero, wyraźne CTA i sekcja liczb","1408 \u002F 1774","\u002Fassets\u002Febr-before.png","Poprzednia wersja strony EBR — gęsty układ z dużą ilością tekstu","Nowa wersja: jeden mocny nagłówek, oddech wokół treści, wyraźne CTA i sekcja liczb budująca zaufanie — zamiast ściany tekstu.","Przeciągnij suwak (lub użyj strzałek), aby porównać poprzednią i nową wersję strony.","600px",[10,93,95],{"id":94},"system-wizualny","System wizualny",[15,97,98],{},"Spójny język wizualny oparty na czytelnej typografii i wyrazistej palecie: energetyczna magenta jako kolor akcji, granat dla nagłówków i błękit jako akcent.",[100,101],"case-figure",{"alt":102,"src":103},"Typografia projektu EBR — Red Hat Display w odmianach Extra Bold, Semi Bold i Regular","\u002Fassets\u002Febr-typography.png",[105,106],"case-swatches",{":items":107},"[{\"color\":\"#E6007A\",\"label\":\"Magenta\"},{\"color\":\"#2E2A5D\",\"label\":\"Granat\"},{\"color\":\"#2F80ED\",\"label\":\"Błękit\"},{\"color\":\"#F4F1EC\",\"label\":\"Tło\"}]",[10,109,111],{"id":110},"wybrane-ekrany","Wybrane ekrany",[100,113],{"alt":114,"src":115},"Zestaw przeprojektowanych ekranów EBR: korzyści, cennik Start\u002FStandard\u002FPremium, formularz i opcje wdrożenia","\u002Fassets\u002Febr-screens.png",[10,117,119],{"id":118},"moja-rola-i-wkład","Moja rola i wkład",[15,121,122],{},"Odpowiadałam za redesign UX\u002FUI strony — od uproszczenia komunikacji, przez zbudowanie hierarchii, aż po spójny system wizualny i wyprostowanie ścieżki konwersji.",[26,124,125,128,131,134],{},[29,126,127],{},"Analiza UX istniejącej strony i zdefiniowanie problemów.",[29,129,130],{},"Przeprojektowanie układu i hierarchii (hero, sekcje korzyści, cennik, formularz).",[29,132,133],{},"System wizualny: typografia, paleta i komponenty.",[29,135,136],{},"Zaprojektowanie jasnej ścieżki do CTA (umówienie prezentacji).",[10,138,140],{"id":139},"efekt","Efekt",[15,142,143],{},"Nowa wersja realizuje założone cele projektowe: zamiast ściany tekstu prowadzi użytkownika jasno przez ofertę aż do kontaktu.",[145,146],"case-tiles",{":items":147,"variant":148},"[{\"title\":\"Jasny przekaz\",\"desc\":\"jeden mocny nagłówek zamiast ściany tekstu\"},{\"title\":\"Hierarchia\",\"desc\":\"kluczowe treści i CTA przestały ginąć\"},{\"title\":\"Spójność\",\"desc\":\"jednolita typografia, kolor i komponenty\"}]","stats",{"title":150,"searchDepth":151,"depth":151,"links":152},"",2,[153,154,155,156,157,158,159,160,161],{"id":12,"depth":151,"text":13},{"id":20,"depth":151,"text":21},{"id":50,"depth":151,"text":51},{"id":67,"depth":151,"text":68},{"id":78,"depth":151,"text":79},{"id":94,"depth":151,"text":95},{"id":110,"depth":151,"text":111},{"id":118,"depth":151,"text":119},{"id":139,"depth":151,"text":140},null,"\u002Fassets\u002Febr-cover-1.png","EBR to aplikacja i strona sprzedażowa narzędzia do zarządzania biurem księgowym. Redesign objął uporządkowanie strony, zbudowanie czytelnego systemu wizualnego i wzmocnienie ścieżki konwersji — tak, aby produkt wyglądał nowocześnie i budził zaufanie.","md",{},true,"\u002Fpl\u002Fcase-studies\u002Febr","Landing & website","UI\u002FUX Designer","UX, UI, system wizualny",{"title":5,"description":150},"pl\u002Fcase-studies\u002Febr","strona www · ui\u002Fux","Figma","BiZD5wwC1WQIUKVdolZtDvyFHqvl0QhS5EsDh-zlZ8E",1785355749157]