Projektowanie stron internetowych 3.0 - bezpłatny kurs od Skillbox, szkolenie, Data: 29.11.2023.

I poziom: Stażysta

Dowiesz się jak projektować sieci społecznościowe i tworzyć slajdy do prezentacji. Będziesz także ćwiczyć projektowanie longreadów, stron docelowych i listów do newsletterów. Zadania, z którymi będziesz pracować:

Projekt banera reklamowego
Poznaj różne formaty banerów i rozszerzenia plików. Opanuj najprostsze techniki retuszu. Dowiesz się, jak zmieniać rozmiar układu dla różnych zadań i dostosowywać rozmiary czcionek. Możesz stworzyć wysokiej jakości baner zgodnie z briefem klienta.

Praca z grafiką wektorową
Dowiedz się, dlaczego projektanci stron internetowych korzystają z grafiki wektorowej. Naucz się pewnie pracować z krzywymi, warstwami i narzędziami do zaznaczania. Będziesz mógł kolorować czarno-białe ilustracje, edytować logo tekstowe i układać w układzie gotowe rysunki wektorowe.

Ozdoba tekstowa
Naucz się stosować zasady kompozycji i typografii, umieszczaj akcenty kolorystyczne i teksty projektowe w sposób wysokiej jakości, w oparciu o księgę marki od klienta. Możesz nie tylko pracować nad wyglądem tekstu, ale także edytować nagłówki, aby wyglądały atrakcyjnie.

Prezentacje i strony docelowe ofert handlowych
Zrozumiesz, jak uporządkować dużą ilość danych i przekształcić je w piękny obraz. Będziesz pracować ze złożonymi elementami typograficznymi: faktoidami, przypisami, skrótami i stopkami. Naucz się korzystać z siatek modułowych, a także technik temporytmiki i psychologii koloru.

II poziom: Junior

Zrobisz pierwsze kroki w kierunku projektowania wielostronicowych stron internetowych. Będziesz pracować z galeriami, formularzami rejestracyjnymi, menu i innymi podstawowymi elementami interfejsu. Oto zadania czekające na Ciebie na tym poziomie:

Stworzenie koncepcji wizualnej strony
Dowiesz się z jakich elementów składa się serwis wielostronicowy, jak regulować poziom szumu wizualnego i zarządzać uwagą użytkownika. Zapoznaj się z procesem tworzenia strony internetowej od podstaw. Naucz się strukturyzować projekty w Figmie, tworzyć moodboardy i współpracować z projektantami układów. Zrozumienie prawnych aspektów projektowania.

Rozwój zestawu interfejsu użytkownika
Poznaj podstawowe elementy zestawu interfejsu użytkownika i popularne style jego projektowania. Zachowasz równowagę kolorów w układzie. Będziesz ćwiczyć tworzenie par czcionek i stylów projektu. Możesz stworzyć wysokiej jakości zestaw UI w oparciu o księgę marki klienta.

Projektowanie nagłówków, stopek i menu
Zrozumiesz, jakie czcionki i kolory są odpowiednie dla tych 3 elementów. Naucz się formułować nagłówki i CTA, twórz harmonijną kompozycję i pracuj z grafiką.

Projektowanie wizytówek online i kart produktów
Zrozumiesz mikroelementy galerii i formatów prezentacji produktów. Zrozumiesz z czego składa się prosta kartka i katalog. Naucz się grupować elementy i układać je w sposób przyjazny dla użytkownika.

Praca z formularzem rejestracyjnym
Dowiedz się, jak tworzyć formularze opinii, które będziesz chciał wypełnić. Naucz się pracować z kontrastami kolorów i układaj pola we właściwej kolejności.

Wielostronicowa witryna internetowa z wizytówką
Naucz się wykorzystywać techniki opowiadania historii, grafikę i proste efekty specjalne w projektowaniu stron internetowych. Zrozumiesz, jak podkreślić ważne elementy, nie wyłamując się z ogólnego stylu. Przygotuj układ strony internetowej do układu.

Poziom 3: Przed-środkowy

Na tym etapie czekają Cię największe i najbardziej ambitne zadania: zaprojektowanie sklepu internetowego, strony firmowej i aplikacji mobilnej. Dowiesz się nie tylko jak rysować piękne układy, ale także jak wykorzystywać analitykę do tworzenia przyjaznych dla użytkownika i funkcjonalnych projektów. Aby pomyślnie ukończyć poziom, musisz wykonać następujące zadania:

Projekt katalogu produktów
Zapoznaj się z zasadami projektowania UX i UI. Naucz się wykorzystywać metodę persony do doboru optymalnych rozwiązań projektowych. Dowiedz się, czym jest podejście mobile First i kiedy jest właściwe. Będziesz w stanie sprawnie stworzyć drzewo produktów, ustawić filtry i dokonać wygodnych podglądów.

Projekt karty z gałązkami
Naucz się budować mapę podróży użytkownika i analizować wygląd witryn konkurencji. Dowiedz się, jakich elementów potrzebujesz, aby stworzyć przejrzystą i wygodną mapę oddziałów. Będziesz w stanie poprawnie rozmieścić akcenty wizualne.

Praca ze złożonymi kartami produktów
Zrozumiesz, jak budować hipotezy podczas tworzenia złożonych projektów. Przeanalizujesz standardowe i nietypowe rozwiązania projektowe i potrafisz stworzyć efektowne karty na stronę internetową klienta. Dowiesz się jak ulepszyć projekt za pomocą animacji w After Effects, prawidłowo przekazać gotowy prototyp programistom i przeprowadzić test A/B.

Strona kasy
Poznaj proces zakupów online i popularne techniki marketingowe, które pomogą Ci stworzyć stronę internetową, która sprzedaje. Możesz stworzyć wygodny projekt formularza potwierdzenia zamówienia zarówno na komputer stacjonarny, jak i smartfon.

Złożony formularz rejestracyjny
Dowiedz się, co motywuje użytkowników do rejestracji w witrynach. Zapoznaj się z głównymi elementami formularza rejestracyjnego i dowiedz się, jak prawidłowo umieścić je na layoucie.

Strona płatności za dostawę
Przejrzyj wymagane pola i dodatkowe przyciski na stronie dostawy. Dowiesz się, o czym projektanci często zapominają podczas pracy z tą sekcją witryny, i będziesz w stanie uniknąć błędów.

Obszar osobisty
Zrozumiesz, kiedy ludzie korzystają z kont osobistych. Naucz się pięknie formatować statystyki dotyczące działań użytkowników na potrzeby raportowania klientowi. Będziesz mógł zbadać doświadczenia klientów i wykorzystać je do ulepszenia swojego projektu.

Praca z informacjami o zamówieniach
Możesz tworzyć strony z informacjami o zamówieniach dla różnych obszarów swojej działalności. Zrozumiesz, jak te dane wpływają na zachowanie użytkowników. Poznaj różne rozwiązania wizualne i dowiedz się, jak pracować z informacjami o użytkowniku.

Wsparcie projektu czatu
Dowiedz się, co wziąć pod uwagę podczas tworzenia czatu. Naucz się analizować działanie czatów na stronach konkurencji, unikaj ich błędów i zauważaj dobre cechy.

Prosty panel sterowania witryną
Naucz się pracować ze złożonymi danymi niezbędnymi do normalnej pracy panelu administracyjnego. Możesz zaprojektować panel sterowania tak, aby był wygodny, zrozumiały i dobrze wyglądał na każdym ekranie.

Strona dla klientów korporacyjnych
Zrozumiesz, jak benchmarking pomoże Ci wybrać skuteczne rozwiązania projektowe. Naucz się dodawać animacje do swojego układu, aby wyraźnie zademonstrować klientowi interfejs.