✦

Lepszy
Projektant

Wyjątkowo dobry kurs UI/UX designu, który da ci prawdziwe umiejętności i pomoże rozwinąć skrzydła. A do tego rozbawi!

Chcę kupić

550+ kursantów

Zero ryzyka – 14 dni na zwrot

✏️

Będziesz szybciej projektować lepsze desktopowe aplikacje webowe.

⚙️

Ogarniesz związki między Figmą a technologiami takimi jak HTML i CSS.

🤝

Zaczniesz projektować tak, by programiści chcieli cię przytulić z radości.

🫡

Zero przynudzania. Wszystko podane zwięźle przez eksperta!

Dlaczego warto?

Zostaniesz projektowym wymiataczem

Zdobądź umiejętność projektowania webowych aplikacji desktopowych i wyróżnij się na tle konkurencji. Kurs pomoże Ci zwiększyć swoją wartość jako projektanta i otworzy drzwi do nowych możliwości.

Opanujesz strukturę i najlepsze praktyki

Naucz się projektować interfejsy jak absolutny wymiatacz – precyzyjnie i bezbłędnie. Kurs poprowadzi cię przez cały proces myślenia o komponentach i tworzenia ich – od A do Z.

Ogarniesz technologiczny bełkot

Poznaj podstawy technologii i kodu stojących za aplikacjami. Dzięki temu będziesz w stanie płynnie komunikować się z developerami i tworzyć projekty zgodne z ich potrzebami.

Oszczędzisz czas ucząc się na luzaku

Kawał wiedzy w pigułce, bez lania wody, zbędnych dygresji i stękania prowadzącego. Skupiamy się na tym, żeby dać ci jak najwięcej użytecznych informacji w jak najkrótszym czasie.

Nikt cię nie będzie poganiał

Nie wierzę w naukę pod ciśnieniem. Kurs jest dostępny online, więc uczysz się w dowolnym momencie. Nie musisz dopasowywać się do harmonogramu, a tempo zależy od ciebie.

Nauczysz się patrzeć...
i widzieć

Dzięki analizom wielu życiowych przykładów interfejsów nauczysz się zwracać uwagę na detale, które przekują się na twoje realne umiejętności projektowania.

💪

Stworzyłem ten kurs, bo sam chciałbym go mieć w przeszłości, kiedy z grafika stawałem się specjalistą od projektowania UI.

Czy to dla mnie?

Zaczynam przygodę z UX

Nie będzie łatwo, ale ludzie dają radę! Musisz zacząć od “Figmy od zera”, żeby zrozumieć, o czym mówię.

Będziesz wspierać się internetem, bo mówię o wielu rzeczach, ale nie mam czasu na dogłębne przedstawienie każdej z nich. I tak cię to nie ominie – więc będziesz mieć listę zagadnień do dalszego researchu.

Mam za sobą jakiś projekt

Jeśli pracujesz już np. jako junior, to jest fantastyczny moment, żeby wejść w ten kurs.

Właśnie tutaj omawiam tematy, których porządne zrozumienie zajęło mi dużo czasu. Przekazuję je w najprostszy możliwy sposób – tak jak ja sam chciałbym móc się tego nauczyć lata temu. Jesteś w dobrym miejscu.

Design to moje życie

Myślisz, że jesteś senior? Ty też się możesz sporo nauczyć z tego kursu, poważnie!

Masa designerów pomija ważne techniczne aspekty i potem budzą się z ręką w nocniku, kiedy trzeba zmienić zespół albo firmę. Dzięki Lepszemu Projektantowi zrobisz sobie fundament nie do zdarcia.

Czego się nauczysz?

Kiedy zaczynałem projektować UI, spędzałem setki godzin szukając materiałów w zagranicznym internecie. Teraz dzielę się wszystkim, co wiem.

Nie tracimy ani minuty, wszystko jest super zwięzłe.

🤘

Moduł 1

Lecimy z tym

  • Witam się z wami, bo jestem kulturalnym mężczyzną. Dzień dobry!
  • Opowiadam o działaniu kursu i o tym, jak ja postrzegam UX, żebyśmy mieli jasność.
  • Pokazuję ciekawy przykład UX z polskiego rynku gier komputerowych – nie jest to oczywiste.
🎬

Darmowa lekcja o typografii

🧬

Moduł 2

HTML i CSS

  • Robimy ważny przejazd przez podstawy front-endu, które każdy UI designer musi znać – poznasz style!
  • Porozmawiamy sporo o jednostkach, divach, różnych stanach elementów UI, i dodatkowych możliwościach CSS.
  • Pokazuję, jak działa DevTools i jak go wykorzystać w codziennej pracy designera.
  • Zobaczymy, jak klasy w CSS mają się do projektowania w Figmie.
  • Nauczymy się korzystać ze zmiennych w Figmie tak, by były bliskie temu, co robią developerzy.
  • Do tego pogadamy o front-endowych frameworkach i o tym, dlaczego są ważne dla designerów.
📝

Moduł 3

Typografia i tekst

  • Pogadamy o najważniejszych właściwościach tekstu w aplikacjach.
  • Poznasz różne podejścia do stylów typograficznych w Figmie. Pomogą ci robić design systemy!
  • Porozmawiamy o stosowaniu zmiennych w stylach typograficznych.
  • Rozróżnimy fonty zewnętrzne i systemowe – dowiesz się, jaki mają wpływ na projekt.
  • Nauczysz się, jak zadbać o wizualny kontrast tekstów tak, żeby było czytelnie i funkcjonalnie.
  • Zobaczysz, jak zadbać o dostępność w mniej oczywisty sposób. Nie chodzi tylko o kolor!
  • Zrobimy analizę typografii w interfejsach kilku istniejących aplikacji. Podszkolisz swoje oko!
🎬

Darmowa lekcja o zmiennych

🎨

Moduł 4

Kolor i styl

  • Zaczynamy od analizy kolorów w interfejsach kilku popularnych aplikacji. Dalsza część treningu oka!
  • Omówimy podejścia do stylów kolorystycznych w Figmie, które zbudują twój design system.
  • Nauczymy się wykorzystywać do tego zmienne, czyli variables! Zobaczysz, jak zrobić dark mode w projektach.
  • Dowiesz się, skąd brać dobre kolory do swoich projektów – i jak z nimi nie przegiąć.
  • Omówimy formaty kolorów w sieci, żebyście lepiej rozumieli się z developerami.
  • Pokażę ci, jak ogarnąć projekt od początku, żeby nie przesadzić z kolorkami.
  • Pogadamy o roli kolorów w dostępności interfejsu. Mają na nią ogromny wpływ.
  • Poznasz niuanse dotyczące współpracy tekstu z tłem, gradientów, a nawet cieni – musi być schludnie.
🖥️

Moduł 5

Layout i responsywność

  • Co to jest responsywność i dlaczego jest to takie trudne? Na szczęście wszystko ci wyjaśnię.
  • Czy mobile first to jedyne słuszne podejście? Dowiesz się, od czego zaczynać projekt.
  • Nareszcie zrozumiesz wszystkie gridy, czyli siatki, które pomogą zbudować layout.
  • W tym CSS Grid, 4 point grid, i layout grid.
  • Dowiesz się, jak budować layouty, żeby układały się dobrze na różnych urządzeniach.
  • Omówimy wszystkie najnowsze funkcje auto layoutu w Figmie!
  • Zobaczysz, jak stosować w Figmie zmienne w rozmiarach i odstępach, żeby przyspieszyć pracę.
  • Dowiesz się, jak zadbać o odpowiednie szerokości elementów w swoich projektach.
  • Przeanalizujemy layouty kilku aplikacji. Wyciągniemy z nich wiele wniosków.
🌈

Moduł 6

Obrazki i grafiki

  • Dowiesz się, skąd brać fajne ikony do swoich projektów w Figmie.
  • Powiem ci, na co musisz uważać, korzystając z ikon. Jest trochę dobrych praktyk!
  • Pokażę ci krok po kroku, jak należy implementować ikony w projekcie w Figmie.
  • Omówimy sobie co zrobić, żeby zdjęcia i ilustracje w projekcie wyglądały dobrze.
👩‍💻

Moduł 7

Development

  • Dowiesz się, jak developerzy widzą twoje projekty w Figmie.
  • Nauczysz się o eksportowaniu assetów, bo przecież nie wszystko da się osiągnąć kodem.
  • Omówimy sobie różne stany interfejsu, o których często zapominamy, a które należy zaprojektować.
  • Zrozumiesz, jak odpowiednio przedstawić błędy w interfejsie, żeby użytkownicy wiedzieli, o co chodzi.
  • A nawet porozmawiamy sobie o doczytywaniu danych w aplikacji, bo to są ważne rzeczy.
🧑‍🎨

Moduł 8

Figma

  • Powiem ci, na jakie istotne elementy musisz zwracać uwagę projektując w Figmie.
  • Pokażę ci sztuczki, które naprawdę warto znać, bo usprawnią i przyspieszą twoją pracę.
  • Chcesz wyeksportować animację z Figmy? To nie takie proste. Choć ja mam fajne sposoby!
  • Omówimy sobie tworzenie biblioteki w Figmie, czyli początek design systemu.
  • Pogadamy o dramacie projektanta, czyli jak to jest z tym śmiesznym dribbblem. Trochę filozofii.
👑

Moduł Premium

Budujemy interfejsy

Tutoriale do Figmy i analizy istniejących produktów, dzięki którym zrozumiesz budowę komponentów. Ten moduł ma ponad 5 godzin filmów! Już teraz nauczysz się, jak stworzyć:

  • Dobry layout aplikacji.
  • Przyciski z ikonami i bez nich.
  • Modale, znane też jako pop-upy.
  • Checkboksy, radio buttony, toggle.
  • Tooltipy, czyli małe, lecz ważne komunikaty.
  • Pola formularza z wieloma opcjami, czyli inputy.
  • Boczną nawigację, czyli sidebar menu.
  • Dropdown, czyli menu, które się rozwija.
  • Taby, czyli zakładki, które można przełączać.

Do lekcji masz pliki Figmy, które możesz analizować we własnym tempie.

Opinie o kursie

Sporo osób, które przerobiło kurs napisało na jego temat totalnie kochane komentarze. Raczej nie bez powodu, prawda? 😎

Cytat "Takiego mięsistego kursu jeszcze nie było"Cytat "Dzięki za kurs, opinie nie kłamały, uśmiałam się jak dzik i przy okazji wyciągnęłam sporą dawkę wiedzy"Cytat "Nie polecam, proszę tego nie kupować. Karol za dużo oferuje za tak niską cenę.""Cytat "Dziękuję za solidną dawkę wiedzy i elegancki sposób jej podania"Cytat "Ten kurs niesie człowieka i to pierwszy internetowy, który chciałem skończyć"Cytat "Jakby mi ktoś te kika lat temu tłumaczył programowanie, to byłabym programistką. Karol, tłumaczysz tak po ludzku, jakby to moja babcia powiedziała, jak krowie na rowie""Cytat "Obejrzałem w całości twój kurs, wyniosłem z niego sporo cennych informacji, dzięki. Bardzo fajnie tłumaczysz kwestie frontendowe...""
Cytat "Skończyłem twój kurs i nie żałuję wydania żadnej smoczej monety na tak ogromną dawkę wiedzy..."Cytat "Zrobiłeś zajebistą robotę bo nawet ciężko mi dobrać słowa jak wiele mnie nauczył"Cytat "Generalnie bardzo fajnie że tak super tłumaczone"Cytat "Mega dobra robota! Uczę się od roku, ale aspekt developmentu był dla mnie nowy, więc nauczyłam się trochę nowych rzeczy..."Cytat "Na pewno dla juniorów niezła gratka, a dla mnie fajna powtórka z rozrywki, poza tym kilka fajnych rzeczy pokazałeś, no i bardzo dobrze się ciebie słucha"
Cytat "Podejście na pewno inne niż to w większości kursów. Rzeczy przekazane tak jak trzeba, bez lania wody"Cytat "Polecę z czystym sumieniem każdemu, kto będzie zainteresowany tematem"Cytat "To najlepsza wydana w tym tygodniu kasa (...) brawa dla pana."Cytat "Bardzo solidny kurs, sporo rzeczy się dowiedziałam, głównie technicznych. Inne kursy aż tak się nie skupiały na CSS i nad tym, jak to wygląda z perspektywy programistycznej"Cytat "Super ekstra i nareszcie coś nowego i wiedza, która jest praktyczna, a nie ma w innych kursach"Cytat "Bardzo przyjemnie mi się ciebie słuchało i sam kurs pomógł mi uświadomić ile rzeczy już się nauczyłem – w dużym stopniu dzięki twoim materiałom..."

Figma od zera

Jakiś czas temu przygotowałem darmowy kurs Figmy, który święci triumfy na YouTube. To zdecydowanie “must-watch”, jeśli chcesz zainwestować w kurs Lepszy Projektant.

Zobacz na YouTube
Kolaż miniaturek z moimi filmami na YouTube

Kim ja w ogóle jestem?

Nazywam się Karol Stefański! 👋

Od 2014 roku zarabiam na projektowaniu.

Większość tego czasu poświęciłem na design interfejsów produktów cyfrowych.

Od 2021 dzielę się wiedzą o projektowaniu na YouTube i innych social mediach.

W 2024 zacząłem uczyć projektowania na Uniwersytecie SWPS.

Wcześniej występowałem na branżowych wydarzeniach, np. Tipi UX i Element UX Talks.

Udzielam też indywidualnych konsultacji nt. kariery designera.

Do tego przygotowałem ebook o design systemach, który ludzie pobrali już masę razy.

Nie wyskoczyłem z dupy, żeby zrobić szybką kasę na szkoleniach. Stoją za mną lata doświadczenia w UX i edukacji.

Fotografia przedstawiająca Karola
LinkedInInstagramTikTok

Kup kurs

Pakiet Lite

499

PLN brutto

  • Ponad 5 godzin lekcji wideo w 8 modułach.
  • Darmowe aktualizacje.
  • Dostęp 24/7 przez rok.
  • Ebook z treściami z kursu.
  • Certyfikat uczestnictwa.
  • Dostęp do zamkniętego Discorda.
  • Ebook “Design systemy po ludzku”.
Kup Lite

Pakiet Premium

599

PLN brutto

  • Ponad 10 godzin lekcji wideo w 9 modułach.
  • Moduł premium z analizami i tutorialami.
  • Pliki treningowe do Figmy.
  • Darmowe aktualizacje.
  • Dostęp 24/7 przez rok.
  • Ebook z treściami z kursu.
  • Certyfikat uczestnictwa.
  • Dostęp do zamkniętego Discorda.
  • Ebook “Design systemy po ludzku”.
Kup Premium

Nic nie ryzykujesz.

Jeśli w ciągu 14 dni uznasz, że jednak ci się nie podoba – oddam ci szmal. Na luzie.

Potrzebujesz faktury proforma?

Nie ma problemu, po prostu napisz maila na karol@projektowe.net z danymi firmy i ogarniemy temat.

Pewnie masz pytanie

Tak, bez problemu. W koszyku jest opcja podania danych firmy. Nazwą towaru na fakturze jest “Kurs online”.

Jasna sprawa. Mogę wystawić fakturę pro forma, po prostu napisz na karol@projektowe.net. Jak dostanę przelew na konto, to dam ci dostęp do kursu. Wszystko załatwimy szybko i sprawnie!

Tak, certyfikat uczestnictwa. Jak przerobisz przynajmniej 90% lekcji (widzę to w panelu) i napiszesz do mnie maila, to w ciągu kilku dni dostaniesz certyfikat. Fajnie, nie?

Tak, prowadzę konsultacje indywidualne. Wystarczy, że wejdziesz w ten link i umówisz się na spotkanie.

Niekoniecznie. Starałem się zaprojektować kurs tak, żeby można było oglądać go wybiórczo zależnie od zainteresowań. Chciałem też, żeby łatwo było wracać do poszczególnych wątków.

Będziesz mieć dostęp przez rok od zakupu. Jestem przekonany, że zdążysz się nauczyć, nacieszyć, i wszystko będzie super. A jak nie zdążysz, to napiszesz mi maila i coś wymyślimy – luźna guma.

Wszystko jest dostępne od razu (poza tym, co będzie w aktualizacji, to chyba jasne), wszystko robisz sobie jak chcesz, kiedy chcesz, wariacie, przewijasz do przodu, do tyłu – pełny serwis.

O tak jak na tym screenie. Wygodna platforma, wszystko śmiga.

Do oglądania kursu wystarczy byle telefon. Ale najlepiej mieć komputer (obojętnie czy Mac czy Windows) oraz darmowe konto w Figmie, żeby coś z tym kursem potem zrobić!

Moją misją jest pomaganie designerom, także chcę, żeby moje treści były przystępne – to tyczy się również ceny. Ale! Chcę też jeść dobre rzeczy i latać po świecie. Będzie tylko drożej, więc nie zwlekaj.

Masz inne pytania? Napisz na karol@projektowe.net