Kurs UI designu, przy którym się pośmiejesz i pouczysz.

Lepszy
Projektant

Sprawdź cenę

Gwarancja satysfakcji i 14 dni na zwrot.

  • Będziesz szybciej projektować lepsze desktopowe aplikacje webowe.
  • Ogarniesz relacje między Figmą a technologiami takimi jak HTML i CSS.
  • Zaczniesz projektować tak, by programiści chcieli cię przytulić z radości.
  • A to wszystko w zwięzłej formie z super doświadczonym prowadzącym!

Dla kogo jest ten kurs?

  • Chcesz zwiększyć swoją wartość na rynku i wypaść lepiej na tle innych designerów.
  • Kręci cię projektowanie aplikacji desktopowych, a nie tylko stronek.
  • Czujesz, że projektując interfejsy brakuje ci struktury i robisz rzeczy “na czuja”.
  • Chcesz poznać najlepsze praktyki w projektowaniu i Figmie od prawdziwego wyjadacza.
  • Pragniesz zrozumieć technologię i podstawy kodu stojącego za aplikacjami.
  • Brakuje ci wspólnego języka z bardziej technicznymi osobami w zespole.
  • Chcesz skumać, jak przełożyć koncepty z kodu do projektu w Figmie.
  • Nie masz dużo czasu, ale lubisz zwięzłe treści i suche żarty.
  • Lubisz uczyć się we własnym tempie bez ciśnienia.
  • Masz dość kursów, gdzie połowa to "yyy" i stękanie prowadzących.

💪

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

A dla kogo nie jest?

  • Projektujesz od lat i wciąż trzymasz rękę na pulsie najnowszych rozwiązań.
  • Ogarniasz kodowanie i masz HTML i CSS w małym palcu.
  • Chcesz projektować stronki wygrywające Awwwardsy.

Czego się nauczysz?

Kiedy zaczynałem specjalizować się w projektowaniu UI, spędzałem setki godzin szukając materiałów w anglojęzycznym internecie. Teraz dzielę się wszystkim, co wiem w mega przystępny sposób. Nie tracimy ani minuty, wszystko jest skondensowane.

🤘

Moduł 1

Lecimy z tym

  • Witam się z wami, bo jestem kulturalnym mężczyzną.
  • 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.
🧬

MODUŁ 2

HTML I CSS

  • Robimy ważny przejazd przez podstawy front-endu, które każdy UI designer musi znać.
  • W tym 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 pracy.
  • Zobaczymy, jak klasy w CSS mają się do Figmy.
  • Nauczymy się korzystać ze zmiennych w Figmie tak, by były bliskie temu, co robią developerzy.
  • A do tego pogadamy o 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.
  • Omówimy podejścia do stylów typograficznych w Figmie.
  • Rozróżnimy fonty zewnętrzne i systemowe.
  • Nauczysz się, jak zadbać o wizualny kontrast tekstów tak, żeby było dobrze.
  • Zobaczysz, jak zadbać o dostępność w mniej oczywisty sposób.
  • Zrobimy analizę typografii kilku aplikacji.
🎨

MODUŁ 4

KOLOR I STYL

  • Zaczynamy od analizy kolorów kilku popularnych aplikacji.
  • Omówimy podejścia do stylów kolorystycznych w Figmie.
  • Wykorzystamy do tego zmienne, czyli variables!
  • Dowiesz się, skąd brać dobre kolory do swoich projektów.
  • Omówimy formaty kolorów w sieci.
  • Pokażę ci, jak ogarnąć projekt od początku, żeby nie przesadzić z kolorkami.
  • Pogadamy o dostępności w kolorach.
  • Niuanse dotyczące współpracy tekstu z tłem, gradientów, a nawet cieni.
🖥️

MODUŁ 5

LAYOUT I RESPONSYWNOŚĆ

  • Co to jest responsywność i dlaczego jest to takie trudne?
  • Czy mobile first to jedyne słuszne podejście?
  • Nareszcie zrozumiesz wszystkie gridy, czyli siatki.
  • W tym CSS Grid, 4 point grid, i layout grid.
  • Jak budować layouty, żeby układały się dobrze w przeglądarce?
  • Omówimy najnowsze funkcje auto layoutu!
  • Zobaczysz, jak stosować w Figmie zmienne w rozmiarach i odstępach.
  • Dowiesz się, jak zadbać o odpowiednie szerokości kontenerów.
  • Przeanalizujemy layout kilku aplikacji.
🌈

MODUŁ 6

Obrazki

  • Dowiesz się, skąd brać ikony do swoich projektów.
  • Powiem ci, na co musisz uważać, korzystając z ikon.
  • 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

  • Zobaczysz, jak developer widzi twój projekt w Figmie.
  • Nauczysz się o eksportowaniu assetów, bo przecież nie wszystko jest kodem.
  • Omówimy sobie różne stany interfejsu, o których często zapominamy, a które należy zaprojektować.
  • Pogadamy o tym, jak odpowiednio przedstawić błędy w interfejsie.
  • A nawet pogadamy o doczytywaniu danych, bo to są ważne rzeczy.
🧑‍🎨

MODUŁ 8

Figma

  • Powiem ci, na co musisz zwracać uwagę projektując w Figmie.
  • Pokażę ci sztuczki, które naprawdę warto znać, bo usprawnią twoją pracę.
  • Chcesz wyeksportować animację z Figmy? To nie takie proste.
  • Omówimy sobie tworzenie biblioteki w Figmie, czyli początek design systemu.
  • Pogadamy o dramacie projektanta, czyli jak to jest z tym śmiesznym dribbblem.
🧱

MODUŁ 9

BUDUJEMY INTERFEJSY

Ten moduł jest w trakcie produkcji, więc będzie później!

Znajdą się tam tutoriale – jak zaprojektować różne elementy interfejsu w Figmie tak, żeby było elegancko i zgodnie ze sztuką.

Dostaniesz te filmy w darmowej aktualizacji kursu!

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?

No hej, Karol z tej strony. Od 2014 roku zawodowo zajmuję się designem.

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

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

Wcześniej zdarzało mi się występować na branżowych wydarzeniach, np. Tipi UX i Element UX Talks.

Udzielam też indywidualnych konsultacji nt. kariery designera.

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

Złapmy się!

Fotografia przedstawiająca Karola

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 "To najlepsza wydana w tym tygodniu kasa (...) brawa dla pana."Cytat "Mega wartością jest nawiązywania do CSS i HTML, to mam wrażenie zawsze jakoś ludzie pomijali (inne kursy)"Cytat "Super ekstra i nareszcie coś nowego i wiedza, która jest praktyczna, a nie ma w innych kursach"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 "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 "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..."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 "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 "Mega dobra robota! Uczę się od roku, ale aspekt developmentu był dla mnie nowy, więc nauczyłam się trochę nowych rzeczy..."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 "Skończyłem twój kurs i nie żałuję wydania żadnej smoczej monety na tak ogromną dawkę wiedzy..."

Kup kurs

399

PLN brutto

  • Ponad 5 godzin lekcji wideo na wygodnej platformie.
  • Darmowe aktualizacje.
  • Dostęp bez ograniczeń czasowych.
  • Ebook z treściami z kursu.
  • Certyfikat udziału.
  • Dostęp do zamkniętej społeczności kursantów i kursantek.
  • Ebook “Design systemy po ludzku”.
Kupuję!

Gwarancja satysfakcji

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

Pewnie masz pytanie

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

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?

Na pewno warto zacząć od “Figmy od zera”, żeby w ogóle rozumieć, o czym mówię, gdy się do Figmy w kursie odnoszę. Jeśli dopiero zaczynasz z projektowaniem, to będziesz musiał/a się wesprzeć internetem we własnym zakresie, bo mówię o bardzo wielu rzeczach, ale nie mam czasu na dogłębne definiowanie każdej z nich. I tak cię to nie ominie – także przynajmniej będziesz mieć listę zagadnień do dalszego researchu.

Jeśli jesteś już osobą pracującą, np. na stanowisku juniorskim, to doskonale. W tym kursie zawieram rzeczy, 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.

Jak jesteś już osobą wyjadacką w designie, to pewnie też skorzystasz. Wiem, że z “Figmy od zera” uczyli się projektanci pracujący w firmie, z której ja zostałem kiedyś wyrzucony. To chyba o czymś mówi. A jak coś, to masz możliwość zwrotu.

Na ten moment trochę ponad 5 godzin. Po aktualizacjach będzie więcej. Staram się, żeby odcinki nie były za długie. Ludzie mówią, że to doskonały serial do oglądania przy jedzeniu, co jest wspaniałe, bo taki był mój cel. No i jeszcze, żeby cię czegoś nauczyć.

W skrócie: dożywotnio. Wiadomo, różne rzeczy się mogą wydarzyć – platforma kursowa może zdechnąć. Może przestać mi się kalkulować płacenie za nią. Albo (co gorsza) mogę zdechnąć ja. W pierwszym i drugim przypadku, zorganizuję wszystko tak, żebyś nie stracił/a niczego. W trzecim – będę mieć to w dupie, umówmy się.

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.

Wcale nie wygląda źle, nie znasz się. Wygląda kozacko, jest czytelna i bardzo dostępna. Poza tym, każdą jedną rzecz dotyczącą tego kursu zrobiłem sam tymi rękoma i jestem z nich bardzo dumny!

A w ogóle, to matce też mówisz, że zupa niesmaczna? Za to się idzie do piekła. Masz przerąbane.

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