Mniej szumu. Więcej znaczenia. Projektuję to, co istotne.

Grafika

Pracownia Flores

OLI

sabão

Lumira

Zobacz więcej projektów graficznych →

UX/UI

Girache App

RCKiK — redesign ekranu rejestracji krwiodawcy

RCKiK Kraków

OLÁ

Zobacz więcej projektów UX/UI →

Maria Cisło — portret w domowej bibliotece

Poznajmy się!

Jestem multidyscyplinarnym designerem. Multidyscyplinarnym? To znaczy, że jestem w stanie zaprojektować wszystko — od ulotki po aplikację. Ale… najwięcej radości i satysfakcji daje mi tworzenie brandingów oraz projektowanie stron www.

Łączę estetykę z użytecznością: każdy projekt zaczynam od zrozumienia Twoich potrzeb i celów biznesowych, a kończę dopiero wtedy, gdy efekt jest spójny, profesjonalny i naprawdę Twój.

W czym mogę Ci pomóc?

Znak, który zapada w pamięć — zaprojektowany z myślą o każdym nośniku, od wizytówki po szyld.
Spójna identyfikacja wizualna: kolory, typografia i materiały firmowe, które trzymają markę w ryzach.
Badania, makiety i interfejsy, które prowadzą użytkownika za rękę — od pierwszego kliknięcia do celu.
Projekt i wdrożenie nowoczesnej strony — czytelnej, szybkiej i dopasowanej do potrzeb Twoich klientów.
Opieka nad działającą stroną: aktualizacje, kopie zapasowe, drobne zmiany. Comiesięczna obsługa.
Szablony i grafiki, dzięki którym Twoje profile wyglądają spójnie i profesjonalnie.
Stałe wsparcie projektowe dla Twojej firmy — bez zatrudniania grafika na etat. Comiesięczny pakiet godzin.
Plakaty, ulotki, katalogi i opakowania — przygotowane do druku bez niespodzianek.
Dynamiczny montaż materiałów na social media — krótkie i długie formy z napisami i atrakcyjnymi przejściami.

Pracownia Flores — sesja wizerunkowa z bukietem

Lumira — vouchery i koperty z miedzianym zapięciem

Pracownia Flores — bukiet polny z linearnym monogramem

Etapy współpracy

Poznajmy się

Na początku spotykamy się, aby dokładnie zrozumieć Twoje potrzeby, oczekiwania oraz cele biznesowe. To czas na rozmowę, wypełnienie briefu i zebranie wszystkich informacji, które pozwolą stworzyć projekt idealnie dopasowany do Twoich wymagań.

Analiza

Na podstawie zebranych informacji analizuję Twoje potrzeby oraz kontekst projektu. Tworzę plan działania, łącząc estetykę z użytecznością, i przygotowuję fundamenty projektu.

Projektowanie

Realizuję pierwsze szkice, makiety i wizualizacje. Przeprowadzam testy i zbieram feedback, aby na bieżąco wprowadzać poprawki i ulepszenia — z uwzględnieniem Twoich wskazówek.

Wdrożenie

Kończę projekt, przygotowując finalne materiały. Wspieram wdrożenie i monitoruję efektywność, aby zapewnić spójność wizualną i satysfakcję użytkowników.

Umów darmową konsultację →

Opinie moich klientów

Pani Maria stworzyła dla mojej firmy unikatową identyfikację wizualną — logo oraz szablony do postów — z którą na pewno długo się nie rozstaniemy.

Łucja DzidekDobre Korepetycje

Marysia jest skupiona na potrzebach klienta, przedstawia różne warianty i rzetelnie dąży do tego, by efekt był profesjonalny. Kontakt sprawny, wszystko można zorganizować zdalnie.

Łukasz MasztalerzShadowtech

Z Marysią współpracuje się świetnie. Z otwartością podchodzi do wizji klienta, rekomenduje rozwiązania i pomaga dojść do wyczekiwanego efektu końcowego.

Marta JaroszFundacja na rzecz Kultury i Rozwoju Kobiet

Jestem bardzo zadowolony ze współpracy z Marią. Zależy mi głównie na jakości i zawsze mam pewność, że ją otrzymam. Szczerze polecam! 😉

Piotr HadamCapitalDay Studio

Pani Maria wykazała się profesjonalizmem, uwzględniając wszystkie nasze uwagi i sugestie, co zaowocowało stroną idealnie dopasowaną do naszych potrzeb. Jej zaangażowanie i poświęcony czas sprawiły, że współpraca przebiegła sprawnie i efektywnie. Z pełnym przekonaniem polecam usługi Pani Marii każdemu, kto poszukuje rzetelnego i kreatywnego projektanta stron internetowych.

Piotr CybulaPC Partner

Bardzo cenię sobie współpracę z panią Marią :) Jest terminowa, kontaktowa, zawsze odpowiada na prośby i okazuje dużo cierpliwości, co przy współpracy z organizacją pozarządową (taką małą jak my) czasem jest potrzebne :) Jest kreatywna, zawsze przedstawia 2–3 pomysły, z których zazwyczaj jeden rozwijamy — ten, który najbardziej pasuje nam do tematyki plakatu. BARDZO polecam!

Izabela SalataNaPro Plus

Bardzo polecam współpracę z Marią. Było szybko, profesjonalnie i z dużą troską o efekt końcowy :)

Dominika SzczudłoCoaching

Super sprawna realizacja logo. Bardzo dobry i szybki kontakt. Polecam serdecznie.

Marta GrzegorczykFotografia

Piotr CybulaPC Partner

Izabela SalataNaPro Plus

Zarezerwuj konsultację

Wybierz dogodny termin w kalendarzu — porozmawiamy o Twoim projekcie, potrzebach i możliwościach. Bez zobowiązań.

Nie widzisz kalendarza? Otwórz rezerwację w nowej karcie →

Zaufali mi

Uniwersytet Mikołaja Kopernika w Toruniu

← Strona główna Portfolio

Projekty graficzne

Zakres

Logo · Branding · Print

Projekty

6 wybranych realizacji

Lata

2022 — 2026

Lumira

OLI

sabão

Pracownia Flores

Zobacz też Projekty UX/UI →

← Strona główna Portfolio

Projekty UX/UI

Zakres

Strony www · Aplikacje · Design systemy

Projekty

5 wybranych realizacji

Lata

2022 — 2026

Girache App

RCKiK — ekran rejestracji w punkcie krwiodawstwa

RCKiK Kraków

OLÁ

PC Partner

Zobacz też Projekty graficzne →

← Wróć do listy

Lumira

Klient

Lumira Beauty & Laser Clinic

Zakres

Logo + branding

Lumira to klinika beauty & laser, która potrzebowała identyfikacji łączącej medyczny profesjonalizm z ciepłem i bliskością. Sercem marki został szeryfowy logotyp z sygnetem „L" otoczonym okrągłym deskryptorem — elegancki w tłoczeniu na papierze i czytelny w małych rozmiarach w social mediach.

Paleta wyrasta z odcieni skóry: od kremu i moreli po opaloną terrakotę i głęboki brąz. Dzięki temu każda realizacja — voucher, post czy opakowanie — wygląda naturalnie i spójnie, niezależnie od nośnika.

Lumira — logotyp na fotografii liści magnolii

Następny projekt OLI →

← Wróć do listy

OLI

Klient

OLI — kosmetyki naturalne

Zakres

Logo + branding

OLI to marka naturalnych kosmetyków do włosów na bazie oliwy. Znak zbudowałam z małych liter, wpisując liść oliwny w literę „o" — logo działa równie dobrze wytłoczone na korze, nadrukowane na etykiecie, jak i w animacji.

Paleta wyrasta wprost z gaju oliwnego: słoneczna żółć, oliwkowa zieleń i bursztyn szkła apteczkowego. System objął opakowania (szampon, odżywka), naklejki oraz materiały brandowe.

OLI — opakowanie odżywki i bursztynowa butelka

OLI — szampon do włosów normalnych na drewnianej desce

Następny projekt sabão →

← Wróć do listy

sabão

Klient

sabão

Zakres

Logo + branding

sabão to marka naturalnych mydeł do ciała i rąk. Sercem identyfikacji jest kwiatowy sygnet-mandala połączony z lekkim, szeryfowym logotypem — znak równie dobrze czuje się na etykiecie, w druku na torbach, jak i wyhaftowany na tkaninie.

Paleta zbudowana jest na głębokim fiolecie dopełnionym pastelami i naturalnymi beżami, a warianty zapachowe (vanilla, coconut, mango) różnicuje subtelna kolorystyka etykiet.

sabão — mydła vanilla, coconut i mango w etykietach

sabão — torby zakupowe w liliowym, miętowym i piaskowym

Następny projekt Pracownia Flores →

← Wróć do listy

Pracownia Flores

Klient

Pracownia Flores — florystyka

Zakres

Logo + branding

Pracownia Flores to kameralna pracownia florystyczna. Identyfikację zbudowałam wokół eleganckiego, szeryfowego logotypu z ozdobnym inicjałem „F", który działa również samodzielnie — jako monogram znaczy wizytówki, social media i drobne aplikacje.

Paleta wyrasta wprost z kwiatów: burgund i pudrowy róż spotykają się z gamą zieleni — od głębokiej butelkowej po jasną oliwkę — a całość spina spokojny krem. Linearne monogramy wplecione w sesje zdjęciowe łączą fotografię z systemem identyfikacji.

Pracownia Flores — monogram F na ścianie kwiatów

Pracownia Flores — wizytówki w różu i burgundzie

Pracownia Flores — kompozycja z monogramem na oliwkowym tle

Następny projekt Lumira →

← Wróć do listy

Girache App

Jak zmotywować rodziców pracujących zdalnie do dbania o dobrą postawę? Jeden czynnik, który zmienia wszystko.

Moja rola

UX/UI Designer

Zespół

4 osoby

Czas trwania

Rok

Typ projektu

Projekt zaliczeniowy studiów podyplomowych UX & Product Design, AGH

Narzędzia

Miro, Figma, Google Meets

Wyobraź sobie rodzinę, która pracuje z domu. Ba, tego nie trzeba sobie wyobrażać, bo wielu z nas funkcjonuje w taki sposób. Rodzice pochyleni nad laptopami, ledwo znajdujący czas dla siebie pomiędzy obowiązkami, dzieci biegające dookoła, krzyk i płacz. Plecy bolą, motywacja spada, a zwykła codzienność staje się wyzwaniem.

Problem i kontekst

Problem, jaki podjął nasz partner technologiczny — firma Girache — to zjawisko Tech Neck: nawracające bóle głowy, karku i pleców oraz bolesność i sztywność ramion, wynikające z nawyku wielogodzinnego korzystania z urządzeń mobilnych w pozycji przygarbionej.

Rozwiązaniem dostarczanym przez partnera jest urządzenie wearable mocowane na karku, sparowane z dedykowaną aplikacją. Działa w czasie rzeczywistym, wykrywając odchylenia szyi i informując użytkownika o konieczności wyprostowania się poprzez wibrację.

Za darmo to uczciwa cena, ale…

Partner projektu zauważył, że pomimo dostarczania darmowych urządzeń i aplikacji, użytkownicy mają trudności z regularnym korzystaniem z systemu wspierającego prawidłową postawę ciała. Wiedzą o istocie problemu i posiadają narzędzia, ale to wciąż za mało, by zadbali o zdrowe nawyki.

Mój wkład

Jako UX/UI Designer w 4-osobowym zespole odpowiadałam za badania użytkowników, analizę potrzeb, tworzenie koncepcji rozwiązania, prototypowanie oraz testowanie aplikacji. Z utęsknieniem jednak czekałam na etap ideacji i designu, w których — moim zdaniem — najbardziej się realizowałam.

Rozwiązanie

Naszym celem było odpowiedzenie na trudność: jak zmotywować ludzi do dbania o zdrową postawę ciała. Zdecydowaliśmy się skupić na najmniej zaopiekowanej grupie — rodzicach pracujących zdalnie. Nasza aplikacja mobilna wspiera zdrowie rodziców pracujących zdalnie poprzez zaangażowanie całej rodziny w budowanie zdrowych nawyków dotyczących postawy.

Proces badawczy — odkrywanie prawdziwych potrzeb

0%ludzkich zachowań to nawyki

0%Polaków cierpi na ból pleców

0%pracowników zdalnych skarży się na ból pleców

Analiza danych zastanych — kluczowe dane

95% ludzkich zachowań to nawyki — często powiązane z określonymi kontekstami: miejscem, czasem lub ludźmi, którymi jesteśmy,
wspierający partner lub społeczność pomaga w budowaniu nawyków,
WHO zaleca co najmniej 150 minut aktywności fizycznej o umiarkowanej intensywności tygodniowo,
23% pracowników zdalnych odczuwa ból stale, a 46% tłumi go, częściej sięgając po leki przeciwbólowe.

Badania użytkowników — pracownicy zdalni

Przeprowadziliśmy 12 wywiadów pogłębionych z obserwacją, skupiając się na: typowym dniu w pracy zdalnej, dolegliwościach bólowych, wsparciu pracodawcy i wykorzystaniu benefitów, aktywności fizycznej oraz postrzeganiu urządzeń do korekcji postawy.

Problemy respondentów:

brak ergonomicznych stanowisk pracy w domach,
bóle pleców,
trudność w utrzymaniu motywacji do aktywności fizycznej,
problem z włączeniem czasu na zdrowie do rodzinnego harmonogramu.

Wnioski z badań

Grupa pracowników zdalnych okazała się bardzo zróżnicowana, ale wszyscy borykali się z problemami postawy wynikającymi z braku ergonomicznych stanowisk pracy. Wszyscy wiedzą, jak ważna jest prawidłowa postawa, ale brakuje im motywacji i czasu. Prawidłowa postawa to nie tylko odcinek szyjny — to styl życia.

Jobs-to-be-done

Przeanalizowaliśmy różnorodne potrzeby użytkowników i zdefiniowaliśmy główne „prace do wykonania": budowanie zdrowych nawyków dotyczących prawidłowej postawy, zwiększanie codziennej aktywności fizycznej, edukowanie się na temat zdrowej postawy oraz znajdowanie lokalnej społeczności wspierającej.

Girache App — mapowanie cech respondentów

Mapowanie cech — 3 kluczowe persony

Dzielna Daria

Rodzic w środowisku zdalnym. Motywacja: edukowanie siebie i dzieci. Główne wyzwanie: włączenie czasu na zdrowie do rodzinnego harmonogramu.

Ania Standardowa

Pracownik zdalny z krótkim stażem. Motywacja: zapobieganie problemom zdrowotnym. Cele: więcej ćwiczyć, zachować ergonomię pracy. Frustracje: spadek formy, bolące plecy.

Aktywny Arek

Aktywny fizycznie pracownik IT. Motywacja: utrzymanie sprawności i młodości. Potrzeba regularnej aktywności i rywalizacji. Wysoki poziom organizacji własnej.

„Głupio to zabrzmi, ale wydaje mi się, że odzwyczaiłam się od chodzenia."Dzielna Daria

To oni potrzebują wsparcia…

Sprawdziliśmy, co oferują inni. Aplikacje do ćwiczeń, budowania nawyków, gadżety ergonomiczne — wybór był duży, ale żadna nie angażowała całej rodziny. To była nasza szansa!

Analiza konkurencji uświadomiła nam, że potrzeby persony pierwszorzędnej (Ania) są obecnie dość dobrze zaopiekowane, a rynek jest zdominowany przez niemal identyczne urządzenie, które odniosło sukces w USA. Postanowiliśmy więc skoncentrować się na mniej popularnej niszy — rodzicach pracujących zdalnie, łączących opiekę nad małymi dziećmi z obowiązkami domowymi (Daria).

Jak chcemy pomóc?

Kluczowe różnice względem konkurencji: zaangażowanie dzieci w proces ćwiczeń, budowanie nawyków jako rodzinna aktywność, bezpieczna społeczność uwzględniająca ograniczenia rodziców oraz edukacja dostosowana do różnych poziomów zaawansowania.

Chcieliśmy, by dbanie o postawę było przyjemnością, rodzinną aktywnością, a nie przykrym obowiązkiem. Stworzyliśmy aplikację, która angażuje całą rodzinę.

Proces projektowy

Zaczęliśmy od mapowania potrzeb i priorytetyzacji funkcji według dwóch osi: zaangażowanie rodziny i wpływ na postawę. Funkcje związane z urządzeniem Girache oraz rolą eksperta przenieśliśmy do wersji premium — chcieliśmy, by brak urządzenia nie stawał na przeszkodzie do pracy nad zdrowiem.

Zakres MVP — kluczowe funkcjonalności

Zadanie dnia — codzienny, parominutowy trening wzmacniający mięśnie odpowiedzialne za prawidłową postawę,
Krokomierz — dzienny cel kroków jako podstawowy sposób zwiększenia salda punktowego,
Nagrody — gadżety ergonomiczne i maskotki możliwe do odebrania po zgromadzeniu punktów,
Społeczność — przestrzeń do interakcji i znajdowania lokalnych grup ćwiczeniowych,
Strefa wiedzy — materiały edukacyjne dopasowane do person przez test preferencji.

Zaprojektowaliśmy system trzech trybów trudności: łatwy (Daria — powolny wzrost trudności, fokus na edukację i aktywności rodzinne), średni (Ania — dynamiczny wzrost trudności, fokus na wygląd i ergonomię) oraz zaawansowany (Arek — samodzielny wybór poziomu, ranking, wyzwania sportowe).

Onboarding

Onboarding wita użytkownika, wyjaśnia cel (zdrowa postawa dla rodziny) i pozwala wybrać kontekst użycia. Następnie użytkownik zakłada konto (opcjonalnie rodzinne), przechodzi mini-test preferencji dopasowujący tryb trudności i ustawia pierwszy cel kroków z przypomnieniami.

Wykonywanie ćwiczeń i odbiór nagrody

Proces zaczyna się od powiadomienia lub widżetu na ekranie głównym, prowadząc do ekranu z nazwą zadania, czasem i wizualną instrukcją. Po starcie uruchamia się timer z licznikiem powtórzeń. Cały flow jest maksymalnie prosty — wejdź, zrób, ciesz się, wróć jutro — budując nawyk bez presji. Po uzbieraniu punktów użytkownik odbiera nagrodę.

Testy użyteczności

Przetestowaliśmy aplikację na prawdziwych użytkownikach. Popełniliśmy trochę błędów… Okazało się, że główny ekran był nieczytelny, a krokomierz niezrozumiały. Przeprojektowaliśmy interfejs i zmieniliśmy komunikaty błędów.

Przykład nieprzewidywalnego zachowania: respondentka, widząc na widżecie krokomierza liczbę kroków i procent realizacji celu… samodzielnie obliczyła dzienny cel kroków, zamiast wejść w widżet.

Ostatnie kroki

Stworzyliśmy interaktywny prototyp obejmujący główną ścieżkę MVP, rejestrację z testem preferencji, konto rodzinne, funkcje społeczności i zmianę dziennego celu kroków. Użytkownicy chwalili prostotę i rodzinny charakter aplikacji.

Czy to wszystko miało sens?

Zdefiniowaliśmy niszę rynkową: rodzice pracujący zdalnie — grupa najmniej zaopiekowana przez konkurencję,
Stworzyliśmy unikalne podejście: zaangażowanie całej rodziny w budowanie zdrowych nawyków,
Zaprojektowaliśmy skalowalne rozwiązanie: MVP z możliwością rozbudowy o wersję premium,
Zwalidowaliśmy koncepcję: testy użyteczności potwierdziły potrzebę i kierunek rozwoju.

Potencjał biznesowy i przyszłość

Rozważyliśmy modele monetyzacji: wersję darmową z reklamami, premium z urządzeniem Girache, partnerstwa z firmami oferującymi gadżety ergonomiczne oraz współpracę ze specjalistami. Partner projektu był zainteresowany dalszym rozwojem aplikacji i potwierdził komercyjny potencjał rozwiązania. W planach: kompatybilność z urządzeniem, konto pacjenta z monitoringiem fizjoterapii, konto dla nastolatka i rozbudowana analityka postępów.

Refleksje i nauki

Zrozumienie użytkownika to podstawa — bez badań nie ma dobrego projektu. Iteracje są kluczowe — testy pokazują prawdziwe problemy i inspirują do zmian. Prostota wygrywa — najlepsze rozwiązania są proste i intuicyjne. Rodzinna zabawa to przyszłość — angażowanie całej rodziny daje prawdziwą wartość. Co zrobiłabym inaczej? Wcześniejsze włączenie testów użyteczności, większy nacisk na badania ilościowe i szybsze prototypowanie założeń.

Następny projekt RCKiK Kraków →

← Wróć do listy

RCKiK Kraków

Rejestracja krwiodawcy w nowym świetle — redesign ekranu samoobsługowej rejestracji w punkcie krwiodawstwa.

Moja rola

UX/UI Designer — projekt własny

Zakres

Audyt UX, user flow, projekt ekranów

Kontekst

Regionalne Centrum Krwiodawstwa i Krwiolecznictwa w Krakowie

Jako regularna krwiodawczyni wielokrotnie spotykałam się z nieintuicyjnym ekranem rejestracji kodu w Regionalnym Centrum Krwiodawstwa i Krwiolecznictwa w Krakowie. Każda wizyta wymagała przejścia przez ten proces — zauważałam frustrację własną oraz innych osób stojących w kolejce. Postanowiłam przeanalizować i usprawnić ten kluczowy element ścieżki donacji krwi.

O ekranie

Ekran znajdujący się w punkcie krwiodawstwa służy do weryfikacji rejestracji poprzez wpisanie kodu otrzymanego w wiadomości e-mail potwierdzającej zapis na oddanie krwi. Stanowi pierwsze doświadczenie z systemem samoobsługowym w RCKiK Kraków i jest kluczowy dla sprawnego przyjęcia krwiodawcy.

Problem

Pierwotny interfejs był nieczytelny, miał słabo opisane pola, niewystarczający feedback błędów oraz nieprzystosowane do dużego ekranu rozmieszczenie przycisków. Dodatkowo elementy wizualne (np. czerwona nazwa systemu) niepotrzebnie wzbudzały niepokój, a user flow sprawiał trudności szczególnie osobom starszym.

Rozwiązanie

Opracowałam serię nowych ekranów, które są intuicyjne, dostosowane do specyfiki dużego ekranu, czytelne niezależnie od wieku użytkownika i eliminują powyższe trudności. Skupiłam się na ergonomii, jasności komunikatów oraz minimalizacji zbędnych stresorów wizualnych.

Mój proces

Działania zaczęłam od audytu UX. Projektowanie rozpoczęłam od analizy własnych doświadczeń i obserwacji innych użytkowników. Następnie zebrałam najczęstsze „pain points" i przełożyłam je na szczegółowy user flow. Kolejne iteracje obejmowały testy na makietach oraz porównanie z dobrymi praktykami z urządzeń samoobsługowych, jak InPost.

Audyt UX

Pain points

brak natychmiastowego, jasnego feedbacku o błędach,
nieintuicyjna logika przycisków na dużym ekranie,
zbyt intensywne użycie czerwieni,
brak wsparcia alternatywnego dla osób bez kodu,
za mała czytelność i niewystarczający kontrast tekstów.

Jako krwiodawca chcę szybko i bez stresu wpisać kod rejestracji oraz natychmiast wiedzieć, czy jest on poprawny, bez konieczności szukania wsparcia — żebym mógł sprawnie przejść przez proces i oddać krew.User story

Ideacja

Inspiracja płynęła z prostych kiosków paczkowych, ergonomicznych rozwiązań bankomatowych oraz z rozmów z innymi użytkownikami systemu RCKiK. Skupiłam się na minimalizacji tekstu, maksymalnie dużych i logicznych przyciskach oraz jasnych ścieżkach alternatywnych.

Problemy i zmiany w trakcie projektowania

W trakcie testowania okazało się, że zbyt mały kontrast tekstów oraz zbyt intensywne czerwienie wzbudzały niepotrzebny stres. Wprowadziłam subtelniejsze kolory błędu, zwiększyłam kontrast tekstów, poprawiłam animacje aktywnego pola oraz usprawniłam komunikaty alternatywne.

Rozwiązania

pola kodu rozdzielone na pojedyncze cyfry z aktywnym podświetleniem,
wyraźny komunikat o błędzie nad polem kodu z czerwonym borderem — zamiast rozpraszaczy na całym ekranie,
duże, ergonomiczne przyciski „Zatwierdź" i „Powrót", wyraźnie oddzielone od siebie,
podpowiedź: „Nie masz kodu? Zgłoś się do recepcji",
stan nieaktywny przycisku „Zatwierdź" do momentu pełnego wpisania kodu.

Czego się nauczyłam?

Ten projekt potwierdził, że nawet prosty ekran w kluczowym punkcie obsługi może znacząco wpływać na doświadczenie użytkownika. Opierając się na własnych potrzebach i badaniach, nauczyłam się, że empatia, testy z prawdziwymi użytkownikami oraz ergonomia dużych ekranów przynoszą wymierną poprawę satysfakcji. Stawianie na czytelność i jasny feedback systemowy to fundament skutecznej komunikacji w miejscach publicznych.

Następny projekt OLÁ →

← Wróć do listy

OLÁ

Strona marki ręcznie wykonywanych portugalskich płytek azulejos. Projekt z wyróżnieniem!

Kurs

Digital Designer by Design Practice

Kategoria

Web design

Czy znacie portugalskie płytki azulejos? Olá narodziła się z głębokiego uznania dla dziedzictwa kulturowego zakorzenionego w ręcznie wykonanych płytkach ceramicznych. Założyciele rozpoczęli swój biznes, by dzielić się pięknem, historią i wszechstronnością azulejos z tymi, którzy chcą przekształcić wnętrza swoich domów w prawdziwe dzieła sztuki! Projekt powstał podczas kursu Digital Designer i otrzymał wyróżnienie.

OLÁ — strona na laptopie wśród płytek azulejos

Następny projekt PC Partner →

← Wróć do listy

PC Partner

Redesign strony biura rachunkowego z myślą o nowym pokoleniu klientów.

Klient

PC Partner — kancelaria usług księgowych, od 1995

Zakres

Redesign strony www, UX/UI, architektura informacji

Kategoria

Web design

Projekt rozpoczął się od krótkiej wiadomości na Messengerze. „Jest sprawa."

Piotr, właściciel biura rachunkowego PC Partner, zauważył, że część potencjalnych klientów rozważa zmianę księgowości. Z rozmów z nimi wynikało jedno: obecna strona nie przemawia do młodszych przedsiębiorców.

„Marysia, to ma być strona dla 30-latków, a nie dla moich obecnych klientów. Chcę, żeby ktoś wchodził, patrzył i mówił: jest cool."Piotr, właściciel PC Partner

O firmie

PC Partner to kancelaria usług księgowych działająca od 1995 roku, oferująca usługi z zakresu finansów i księgowości. Firma ma wieloletnie doświadczenie, ale jej wizerunek online zupełnie tego nie komunikował.

Cel projektu

Celem było stworzenie nowoczesnej, czytelnej i wiarygodnej strony, która przyciągnie młodszych przedsiębiorców, zbuduje zaufanie do biura oraz jasno komunikuje ofertę i ułatwia kontakt.

Już po pierwszym wejściu na starą wersję strony miałam jedno wrażenie: czas się tu zatrzymał.

Problemy

brak responsywności,
słaba hierarchia wizualna i czytelność,
przestarzały wygląd,
nieczytelne elementy interaktywne,
brak wyraźnych CTA,
brak elementów budujących zaufanie.

Architektura informacji

Jednym z kluczowych problemów była zbyt rozbudowana i nieczytelna oferta: pierwotnie podzielona na 8 kategorii, w których użytkownik szybko się gubił, nie rozumiejąc różnic między usługami.

Decyzja projektowa: uproszczenie struktury, podział oferty na 4 główne, zrozumiałe kategorie i opis usług językiem korzyści, a nie księgowych definicji.

Sitemap

Proces projektowy

Analiza: analiza istniejącej strony, identyfikacja problemów UX i UI, rozmowy z właścicielem na temat grupy docelowej i oczekiwań.

Projektowanie: zaprojektowanie responsywnego layoutu od zera, praca nad hierarchią treści, świadome skracanie i upraszczanie tekstów („za dużo tekstu!" było częstą uwagą w trakcie).

Iteracje: projekt był rozwijany iteracyjnie — w trakcie zmniejszyliśmy ilość treści, doprecyzowaliśmy ofertę i poprawialiśmy komunikaty pod kątem zrozumiałości dla użytkownika.

Testy użyteczności

Najczęstszy problem: nadal za dużo tekstu → treści zostały jeszcze bardziej skrócone i uproszczone.

PC Partner — wnioski z testów użyteczności

Efekt końcowy

Projekt zakończył się pełną akceptacją klienta i poczuciem, że strona w końcu odzwierciedla jakość usług, trafia do młodszego odbiorcy i buduje profesjonalny, nowoczesny wizerunek.

Zmiany

responsywny design od podstaw,
poprawione kontrasty i rozmiary czcionek,
uproszczona i czytelna oferta,
wyraźna sekcja hero i nawigacja,
spójna estetyka graficzna,
większe, czytelne przyciski (lepsza dostępność),
elementy budujące zaufanie: zdjęcia, opis właściciela, bardziej widoczny kontakt.

Takeaways & learnings

Praca ze znajomym bywa wyzwaniem — wymaga asertywności i jasnego dowodzenia decyzji projektowych. Prostota zawsze wygrywa z nadmiarem treści. WordPress potrafi być… wymagający 😉. Iteracje i feedback są kluczowe dla dobrego UX.

Zobacz też Wszystkie projekty UX/UI →

← Strona główna Maria Cisło

Polityka prywatności

1. Informacje ogólne

Niniejsza polityka dotyczy strony internetowej mariacislo.pl.

Operatorem strony www oraz Administratorem danych osobowych jest: Maria Cisło, NIP 6932189683, Czerna 16, 67-231 Żukowice.

Adres kontaktowy poczty elektronicznej operatora: hello@mariacislo.pl

Operator jest Administratorem Twoich danych osobowych w odniesieniu do danych podanych dobrowolnie na stronie www.

Strona www wykorzystuje dane osobowe w następujących celach:

Obsługa zapytań przez formularz

Strona www realizuje funkcje pozyskiwania informacji o użytkownikach i ich zachowaniu w następujący sposób:

Poprzez dobrowolnie wprowadzone w formularzach dane, które zostają wprowadzone do systemów Operatora.
Poprzez zapisywanie w urządzeniach końcowych plików cookie (tzw. „ciasteczka").

Operator dokłada staranności w celu zapewnienia należytej ochrony danych osobowych, w szczególności stosuje środki organizacyjne i prawne wymagane przez Rozporządzenie Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (ogólne rozporządzenie o ochronie danych osobowych, dalej „RODO").

Wybrane metody ochrony danych stosowane przez Operatora: istotnym elementem ochrony danych jest regularna aktualizacja wszelkiego oprogramowania, wykorzystywanego przez Operatora do przetwarzania danych osobowych, co w szczególności oznacza regularne aktualizacje komponentów programistycznych.

Hosting. Serwis jest hostowany (technicznie utrzymywany) na serwerach operatora: seohost.pl.

Twoje prawa i dodatkowe informacje o sposobie wykorzystania danych:

W niektórych sytuacjach Administrator ma prawo przekazywać Twoje dane osobowe innym odbiorcom, jeśli będzie to niezbędne do wykonania zawartej z Tobą umowy lub do zrealizowania obowiązków ciążących na Administratorze. Dotyczy to takich grup odbiorców:

osoby upoważnione, pracownicy i współpracownicy, którzy muszą mieć dostęp do danych osobowych w celu wykonywania swoich obowiązków,
firma hostingowa,
firmy obsługujące mailingi,
firmy obsługujące komunikaty SMS,
firmy, z którymi Administrator współpracuje w zakresie marketingu własnego,
kurierzy,
ubezpieczyciele,
kancelarie prawne i windykatorzy,
banki,
operatorzy płatności,
organy publiczne.

Twoje dane osobowe są przetwarzane przez Administratora nie dłużej, niż jest to konieczne do wykonania związanych z nimi czynności określonych osobnymi przepisami (np. o prowadzeniu rachunkowości). W odniesieniu do danych marketingowych dane nie będą przetwarzane dłużej niż przez 3 lata.

Przysługuje Ci prawo żądania od Administratora:

dostępu do danych osobowych Ciebie dotyczących,
ich sprostowania,
usunięcia,
ograniczenia przetwarzania,
oraz przenoszenia danych.

Przysługuje Ci prawo do złożenia sprzeciwu w zakresie przetwarzania wskazanego w pkt 3.3 c) wobec przetwarzania danych osobowych w celu wykonania prawnie uzasadnionych interesów realizowanych przez Administratora, w tym profilowania, przy czym prawo sprzeciwu nie będzie mogło być wykonane w przypadku istnienia ważnych prawnie uzasadnionych podstaw do przetwarzania, nadrzędnych wobec Ciebie interesów, praw i wolności, w szczególności ustalenia, dochodzenia lub obrony roszczeń.

Na działania Administratora przysługuje skarga do Prezesa Urzędu Ochrony Danych Osobowych, ul. Stawki 2, 00-193 Warszawa.

Podanie danych osobowych jest dobrowolne, lecz niezbędne do obsługi Serwisu.

W stosunku do Ciebie mogą być podejmowane czynności polegające na zautomatyzowanym podejmowaniu decyzji, w tym profilowaniu w celu świadczenia usług w ramach zawartej umowy oraz w celu prowadzenia przez Administratora marketingu bezpośredniego.

Dane osobowe nie są przekazywane do krajów trzecich w rozumieniu przepisów o ochronie danych osobowych. Oznacza to, że nie przesyłamy ich poza teren Unii Europejskiej.

2. Informacje w formularzach

Strona www zbiera informacje podane dobrowolnie przez użytkownika: adres e-mail oraz ewentualne inne dane podane w treści zapytania przesłanego za pomocą formularza kontaktowego.

Strona www może zapisać informacje o parametrach połączenia (oznaczenie czasu, adres IP).

Strona www w niektórych wypadkach może zapisać informację ułatwiającą powiązanie danych w formularzu z adresem e-mail użytkownika wypełniającego formularz. W takim wypadku adres e-mail użytkownika pojawia się wewnątrz adresu url strony zawierającej formularz.

3. Istotne techniki marketingowe

Operator stosuje analizę statystyczną ruchu na stronie poprzez Google Analytics (Google Inc. z siedzibą w USA). Operator nie przekazuje do operatora tej usługi danych osobowych, a jedynie zanonimizowane informacje. Usługa bazuje na wykorzystaniu ciasteczek w urządzeniu końcowym użytkownika. W zakresie informacji o preferencjach użytkownika gromadzonych przez sieć reklamową Google użytkownik może przeglądać i edytować informacje wynikające z plików cookies przy pomocy narzędzia: google.com/ads/preferences.

4. Informacja o plikach cookies

Strona www korzysta z plików cookies.

Pliki cookies (tzw. „ciasteczka") stanowią dane informatyczne, w szczególności pliki tekstowe, które przechowywane są w urządzeniu końcowym Użytkownika Serwisu i przeznaczone są do korzystania ze stron internetowych Serwisu. Cookies zazwyczaj zawierają nazwę strony internetowej, z której pochodzą, czas przechowywania ich na urządzeniu końcowym oraz unikalny numer.

Pliki cookies wykorzystywane są w następujących celach:

utrzymanie sesji użytkownika Serwisu (po zalogowaniu), dzięki której użytkownik nie musi na każdej podstronie Serwisu ponownie wpisywać loginu i hasła.

W ramach strony www stosowane są dwa zasadnicze rodzaje plików cookies: „sesyjne" (session cookies) oraz „stałe" (persistent cookies). Cookies „sesyjne" są plikami tymczasowymi, które przechowywane są w urządzeniu końcowym Użytkownika do czasu wylogowania, opuszczenia strony internetowej lub wyłączenia oprogramowania (przeglądarki internetowej). „Stałe" pliki cookies przechowywane są w urządzeniu końcowym Użytkownika przez czas określony w parametrach plików cookies lub do czasu ich usunięcia przez Użytkownika.

5. Zarządzanie plikami cookies — jak w praktyce wyrażać i cofać zgodę?

Jeśli użytkownik nie chce otrzymywać plików cookies, może zmienić ustawienia przeglądarki. Zastrzegamy, że wyłączenie obsługi plików cookies niezbędnych dla procesów uwierzytelniania, bezpieczeństwa, utrzymania preferencji użytkownika może utrudnić, a w skrajnych przypadkach może uniemożliwić korzystanie ze stron www.

W celu zarządzania ustawieniami cookies wybierz z listy poniżej przeglądarkę internetową, której używasz, i postępuj zgodnie z instrukcjami: Edge, Internet Explorer, Chrome, Safari, Firefox, Opera. Urządzenia mobilne: Android, Safari (iOS), Windows Phone.