
2022-2023
UX/UI Design strony internetowej i konta użytkownika szkoły artystycznej
Klient:
Karina Kino Art School
Platforma edukacyjna
Projektowanie dashboardu
Architektura informacji
Wiregraming i prototypowanie
Design System

2022-2023
UX/UI Design strony internetowej i konta użytkownika szkoły artystycznej
Klient:
Karina Kino Art School
Platforma edukacyjna
Projektowanie dashboardu
Architektura informacji
Wiregraming i prototypowanie
Design System

2022-2023
UX/UI Design strony internetowej i konta użytkownika szkoły artystycznej
Klient:
Karina Kino Art School
Platforma edukacyjna
Projektowanie dashboardu
Architektura informacji
Wiregraming i prototypowanie
Design System

2022-2023
UX/UI Design strony internetowej i konta użytkownika szkoły artystycznej
Klient:
Karina Kino Art School
Platforma edukacyjna
Projektowanie dashboardu
Architektura informacji
Wiregraming i prototypowanie
Design System

2022-2023
UX/UI Design strony internetowej i konta użytkownika szkoły artystycznej
Klient:
Karina Kino Art School
Platforma edukacyjna
Projektowanie dashboardu
Architektura informacji
Wiregraming i prototypowanie
Design System
Przegląd
Przegląd
Przegląd
Przegląd
Przegląd
O KARINA KINO ART SCHOOL
Karina Kino Art School to internetowy projekt edukacyjny stworzony przez Karinę Kino, profesjonalną artystkę i ilustratorkę. W oparciu o wieloletnie doświadczenie Karina opracowała kursy z akwareli, akrylu, haftu i innych technik. Od siedmiu lat pomogła ponad 8 000 osób odkryć świat twórczości.
O KARINA KINO ART SCHOOL
Karina Kino Art School to internetowy projekt edukacyjny stworzony przez Karinę Kino, profesjonalną artystkę i ilustratorkę. W oparciu o wieloletnie doświadczenie Karina opracowała kursy z akwareli, akrylu, haftu i innych technik. Od siedmiu lat pomogła ponad 8 000 osób odkryć świat twórczości.
O KARINA KINO ART SCHOOL
Karina Kino Art School to internetowy projekt edukacyjny stworzony przez Karinę Kino, profesjonalną artystkę i ilustratorkę. W oparciu o wieloletnie doświadczenie Karina opracowała kursy z akwareli, akrylu, haftu i innych technik. Od siedmiu lat pomogła ponad 8 000 osób odkryć świat twórczości.
O KARINA KINO ART SCHOOL
Karina Kino Art School to internetowy projekt edukacyjny stworzony przez Karinę Kino, profesjonalną artystkę i ilustratorkę. W oparciu o wieloletnie doświadczenie Karina opracowała kursy z akwareli, akrylu, haftu i innych technik. Od siedmiu lat pomogła ponad 8 000 osób odkryć świat twórczości.
O KARINA KINO ART SCHOOL
Karina Kino Art School to internetowy projekt edukacyjny stworzony przez Karinę Kino, profesjonalną artystkę i ilustratorkę. W oparciu o wieloletnie doświadczenie Karina opracowała kursy z akwareli, akrylu, haftu i innych technik. Od siedmiu lat pomogła ponad 8 000 osób odkryć świat twórczości.
KONTEKST
Karina Kino Art School działa od 2015 roku, jednak do tej pory nie miała jednej, spójnej platformy. Każdy kurs miał osobną stronę docelową, co było mylące dla klientów. Zespół Kariny zdecydował się przenieść na platformę GetCourse – narzędzie do uruchamiania kursów online.
KONTEKST
Karina Kino Art School działa od 2015 roku, jednak do tej pory nie miała jednej, spójnej platformy. Każdy kurs miał osobną stronę docelową, co było mylące dla klientów. Zespół Kariny zdecydował się przenieść na platformę GetCourse – narzędzie do uruchamiania kursów online.
KONTEKST
Karina Kino Art School działa od 2015 roku, jednak do tej pory nie miała jednej, spójnej platformy. Każdy kurs miał osobną stronę docelową, co było mylące dla klientów. Zespół Kariny zdecydował się przenieść na platformę GetCourse – narzędzie do uruchamiania kursów online.
KONTEKST
Karina Kino Art School działa od 2015 roku, jednak do tej pory nie miała jednej, spójnej platformy. Każdy kurs miał osobną stronę docelową, co było mylące dla klientów. Zespół Kariny zdecydował się przenieść na platformę GetCourse – narzędzie do uruchamiania kursów online.
KONTEKST
Karina Kino Art School działa od 2015 roku, jednak do tej pory nie miała jednej, spójnej platformy. Każdy kurs miał osobną stronę docelową, co było mylące dla klientów. Zespół Kariny zdecydował się przenieść na platformę GetCourse – narzędzie do uruchamiania kursów online.
WYZWANIE BIZNESOWE
Stworzenie projektu strony internetowej, który połączy wszystkie kursy oferowane przez Karina Kino Art School.
Opracowanie niestandardowego projektu interfejsu konta użytkownika na platformie GetCourse.
WYZWANIE BIZNESOWE
Stworzenie projektu strony internetowej, który połączy wszystkie kursy oferowane przez Karina Kino Art School.
Opracowanie niestandardowego projektu interfejsu konta użytkownika na platformie GetCourse.
WYZWANIE BIZNESOWE
Stworzenie projektu strony internetowej, który połączy wszystkie kursy oferowane przez Karina Kino Art School.
Opracowanie niestandardowego projektu interfejsu konta użytkownika na platformie GetCourse.
WYZWANIE BIZNESOWE
Stworzenie projektu strony internetowej, który połączy wszystkie kursy oferowane przez Karina Kino Art School.
Opracowanie niestandardowego projektu interfejsu konta użytkownika na platformie GetCourse.
WYZWANIE BIZNESOWE
Stworzenie projektu strony internetowej, który połączy wszystkie kursy oferowane przez Karina Kino Art School.
Opracowanie niestandardowego projektu interfejsu konta użytkownika na platformie GetCourse.










Proces projektowy
Proces projektowy
Proces projektowy
Proces projektowy
Proces projektowy
BADANIA I IDEACJA
Na początku przeprowadziliśmy warsztaty z klientem, aby zrozumieć jego oczekiwania i wizję. Zarejestrowałam się również na kurs „Watercolor Illustrations” w Karina Kino Art School, aby lepiej poznać działanie produktu.
W ramach analizy konkurencji przeanalizowałam międzynarodowe platformy edukacyjne online, takie jak Domestika i Skillshare, które oferują podobne kursy kreatywne. To pomogło mi w uporządkowaniu treści, określeniu struktury oraz architektury informacji na stronie internetowej.
BADANIA I IDEACJA
Na początku przeprowadziliśmy warsztaty z klientem, aby zrozumieć jego oczekiwania i wizję. Zarejestrowałam się również na kurs „Watercolor Illustrations” w Karina Kino Art School, aby lepiej poznać działanie produktu.
W ramach analizy konkurencji przeanalizowałam międzynarodowe platformy edukacyjne online, takie jak Domestika i Skillshare, które oferują podobne kursy kreatywne. To pomogło mi w uporządkowaniu treści, określeniu struktury oraz architektury informacji na stronie internetowej.
BADANIA I IDEACJA
Na początku przeprowadziliśmy warsztaty z klientem, aby zrozumieć jego oczekiwania i wizję. Zarejestrowałam się również na kurs „Watercolor Illustrations” w Karina Kino Art School, aby lepiej poznać działanie produktu.
W ramach analizy konkurencji przeanalizowałam międzynarodowe platformy edukacyjne online, takie jak Domestika i Skillshare, które oferują podobne kursy kreatywne. To pomogło mi w uporządkowaniu treści, określeniu struktury oraz architektury informacji na stronie internetowej.
BADANIA I IDEACJA
Na początku przeprowadziliśmy warsztaty z klientem, aby zrozumieć jego oczekiwania i wizję. Zarejestrowałam się również na kurs „Watercolor Illustrations” w Karina Kino Art School, aby lepiej poznać działanie produktu.
W ramach analizy konkurencji przeanalizowałam międzynarodowe platformy edukacyjne online, takie jak Domestika i Skillshare, które oferują podobne kursy kreatywne. To pomogło mi w uporządkowaniu treści, określeniu struktury oraz architektury informacji na stronie internetowej.
BADANIA I IDEACJA
Na początku przeprowadziliśmy warsztaty z klientem, aby zrozumieć jego oczekiwania i wizję. Zarejestrowałam się również na kurs „Watercolor Illustrations” w Karina Kino Art School, aby lepiej poznać działanie produktu.
W ramach analizy konkurencji przeanalizowałam międzynarodowe platformy edukacyjne online, takie jak Domestika i Skillshare, które oferują podobne kursy kreatywne. To pomogło mi w uporządkowaniu treści, określeniu struktury oraz architektury informacji na stronie internetowej.

Architektura informacji

Architektura informacji

Architektura informacji

Architektura informacji

Architektura informacji

Prototypy Lo-Fi

Prototypy Lo-Fi

Prototypy Lo-Fi

Prototypy Lo-Fi

Prototypy Lo-Fi
PLATFORMA GETCOURSE
W przypadku drugiego wyzwania przeanalizowałam standardowy interfejs platformy GetCourse. Sprawdziłam, w jaki sposób inne szkoły online dostosowały interfejsy kont osobistych, aby wyróżniały się wizualnie i zapewniały spójne doświadczenie użytkownika.
PLATFORMA GETCOURSE
W przypadku drugiego wyzwania przeanalizowałam standardowy interfejs platformy GetCourse. Sprawdziłam, w jaki sposób inne szkoły online dostosowały interfejsy kont osobistych, aby wyróżniały się wizualnie i zapewniały spójne doświadczenie użytkownika.
PLATFORMA GETCOURSE
W przypadku drugiego wyzwania przeanalizowałam standardowy interfejs platformy GetCourse. Sprawdziłam, w jaki sposób inne szkoły online dostosowały interfejsy kont osobistych, aby wyróżniały się wizualnie i zapewniały spójne doświadczenie użytkownika.
PLATFORMA GETCOURSE
W przypadku drugiego wyzwania przeanalizowałam standardowy interfejs platformy GetCourse. Sprawdziłam, w jaki sposób inne szkoły online dostosowały interfejsy kont osobistych, aby wyróżniały się wizualnie i zapewniały spójne doświadczenie użytkownika.
PLATFORMA GETCOURSE
W przypadku drugiego wyzwania przeanalizowałam standardowy interfejs platformy GetCourse. Sprawdziłam, w jaki sposób inne szkoły online dostosowały interfejsy kont osobistych, aby wyróżniały się wizualnie i zapewniały spójne doświadczenie użytkownika.

Standardowy interfejs platformy GetCourse

Standardowy interfejs platformy GetCourse

Standardowy interfejs platformy GetCourse

Standardowy interfejs platformy GetCourse

Standardowy interfejs platformy GetCourse
Rozwiązania
Rozwiązania
Rozwiązania
Rozwiązania
Rozwiązania
1. Możliwość rozwoju
Karina Kino Art School stale się rozwija, dodając nowe kursy, darmowe lekcje i artykuły. Dlatego zaprojektowałam stronę w oparciu o modułowy system, umożliwiający łatwe dodawanie treści bez zakłócania struktury.
1. Możliwość rozwoju
Karina Kino Art School stale się rozwija, dodając nowe kursy, darmowe lekcje i artykuły. Dlatego zaprojektowałam stronę w oparciu o modułowy system, umożliwiający łatwe dodawanie treści bez zakłócania struktury.
1. Możliwość rozwoju
Karina Kino Art School stale się rozwija, dodając nowe kursy, darmowe lekcje i artykuły. Dlatego zaprojektowałam stronę w oparciu o modułowy system, umożliwiający łatwe dodawanie treści bez zakłócania struktury.
1. Możliwość rozwoju
Karina Kino Art School stale się rozwija, dodając nowe kursy, darmowe lekcje i artykuły. Dlatego zaprojektowałam stronę w oparciu o modułowy system, umożliwiający łatwe dodawanie treści bez zakłócania struktury.
1. Możliwość rozwoju
Karina Kino Art School stale się rozwija, dodając nowe kursy, darmowe lekcje i artykuły. Dlatego zaprojektowałam stronę w oparciu o modułowy system, umożliwiający łatwe dodawanie treści bez zakłócania struktury.





Strona główna





Strona kursu
2. Odwzorowanie estetyki artystki
Strona jest wizytówką artystki, dlatego jej design musiał oddać jej estetykę:
Kolorem dominującym jest brąz, który jest widoczny w większości projektów artysty.
W layoutach, w których komunikujemy się z użytkownikiem, wprowadzamy delikatne postacie – ilustracje artysty.
Design jest minimalistyczny i klarowny, by nie przytłaczać użytkownika dużą ilością treści.
2. Odwzorowanie estetyki artystki
Strona jest wizytówką artystki, dlatego jej design musiał oddać jej estetykę:
Kolorem dominującym jest brąz, który jest widoczny w większości projektów artysty.
W layoutach, w których komunikujemy się z użytkownikiem, wprowadzamy delikatne postacie – ilustracje artysty.
Design jest minimalistyczny i klarowny, by nie przytłaczać użytkownika dużą ilością treści.
2. Odwzorowanie estetyki artystki
Strona jest wizytówką artystki, dlatego jej design musiał oddać jej estetykę:
Kolorem dominującym jest brąz, który jest widoczny w większości projektów artysty.
W layoutach, w których komunikujemy się z użytkownikiem, wprowadzamy delikatne postacie – ilustracje artysty.
Design jest minimalistyczny i klarowny, by nie przytłaczać użytkownika dużą ilością treści.
2. Odwzorowanie estetyki artystki
Strona jest wizytówką artystki, dlatego jej design musiał oddać jej estetykę:
Kolorem dominującym jest brąz, który jest widoczny w większości projektów artysty.
W layoutach, w których komunikujemy się z użytkownikiem, wprowadzamy delikatne postacie – ilustracje artysty.
Design jest minimalistyczny i klarowny, by nie przytłaczać użytkownika dużą ilością treści.
2. Odwzorowanie estetyki artystki
Strona jest wizytówką artystki, dlatego jej design musiał oddać jej estetykę:
Kolorem dominującym jest brąz, który jest widoczny w większości projektów artysty.
W layoutach, w których komunikujemy się z użytkownikiem, wprowadzamy delikatne postacie – ilustracje artysty.
Design jest minimalistyczny i klarowny, by nie przytłaczać użytkownika dużą ilością treści.

Style Guide

Style Guide

Style Guide

Style Guide

Style Guide

Biblioteka komponentów UI

Biblioteka komponentów UI

Biblioteka komponentów UI

Biblioteka komponentów UI

Biblioteka komponentów UI
3. Personalizowany interfejs konta
Zespół Kariny Kino zdecydował się na platformę GetCourse do hostowania swojej szkoły online. Standardowy interfejs konta może negatywnie wpływać na doświadczenia użytkowników, dlatego stworzyłam projekt, który jest spójny z designem strony i zapewnia jednolite doświadczenie użytkownika.
3. Personalizowany interfejs konta
Zespół Kariny Kino zdecydował się na platformę GetCourse do hostowania swojej szkoły online. Standardowy interfejs konta może negatywnie wpływać na doświadczenia użytkowników, dlatego stworzyłam projekt, który jest spójny z designem strony i zapewnia jednolite doświadczenie użytkownika.
3. Personalizowany interfejs konta
Zespół Kariny Kino zdecydował się na platformę GetCourse do hostowania swojej szkoły online. Standardowy interfejs konta może negatywnie wpływać na doświadczenia użytkowników, dlatego stworzyłam projekt, który jest spójny z designem strony i zapewnia jednolite doświadczenie użytkownika.
3. Personalizowany interfejs konta
Zespół Kariny Kino zdecydował się na platformę GetCourse do hostowania swojej szkoły online. Standardowy interfejs konta może negatywnie wpływać na doświadczenia użytkowników, dlatego stworzyłam projekt, który jest spójny z designem strony i zapewnia jednolite doświadczenie użytkownika.
3. Personalizowany interfejs konta
Zespół Kariny Kino zdecydował się na platformę GetCourse do hostowania swojej szkoły online. Standardowy interfejs konta może negatywnie wpływać na doświadczenia użytkowników, dlatego stworzyłam projekt, który jest spójny z designem strony i zapewnia jednolite doświadczenie użytkownika.





Interfejs konta





Interfejs czatów

Biblioteka komponentów dashboardu

Biblioteka komponentów dashboardu

Biblioteka komponentów dashboardu

Biblioteka komponentów dashboardu

Biblioteka komponentów dashboardu
Rezultat
Rezultat
Rezultat
Rezultat
Rezultat
ZAANGAŻOWANIE
Efektem pracy jest w pełni funkcjonalna strona internetowa z osobistym kontem na platformie GetCourse. Otrzymaliśmy ogromną liczbę pozytywnych opinii od uczestników kursu. Szkoła Artystyczna Karina Kino rozwija się, a strona internetowa ewoluuje razem z nią.
ZAANGAŻOWANIE
Efektem pracy jest w pełni funkcjonalna strona internetowa z osobistym kontem na platformie GetCourse. Otrzymaliśmy ogromną liczbę pozytywnych opinii od uczestników kursu. Szkoła Artystyczna Karina Kino rozwija się, a strona internetowa ewoluuje razem z nią.
ZAANGAŻOWANIE
Efektem pracy jest w pełni funkcjonalna strona internetowa z osobistym kontem na platformie GetCourse. Otrzymaliśmy ogromną liczbę pozytywnych opinii od uczestników kursu. Szkoła Artystyczna Karina Kino rozwija się, a strona internetowa ewoluuje razem z nią.
ZAANGAŻOWANIE
Efektem pracy jest w pełni funkcjonalna strona internetowa z osobistym kontem na platformie GetCourse. Otrzymaliśmy ogromną liczbę pozytywnych opinii od uczestników kursu. Szkoła Artystyczna Karina Kino rozwija się, a strona internetowa ewoluuje razem z nią.
ZAANGAŻOWANIE
Efektem pracy jest w pełni funkcjonalna strona internetowa z osobistym kontem na platformie GetCourse. Otrzymaliśmy ogromną liczbę pozytywnych opinii od uczestników kursu. Szkoła Artystyczna Karina Kino rozwija się, a strona internetowa ewoluuje razem z nią.
WNIOSKI I WRAŻENIA
To mój ulubiony projekt! Praca nad nim była niesamowicie satysfakcjonująca. To jeden z tych przypadków, kiedy produkt jest tak wyjątkowy, że celem staje się zwiększenie jego wpływu poprzez uczynienie projektu jak najbardziej przyjaznym i zachęcającym. Wyzwaniem, które skutecznie rozwiązaliśmy, było zaprojektowanie konta osobistego w ramach ograniczeń platformy internetowej. Stworzyliśmy także projekt, który łatwo się skaluję (i już to robi!).
Kontynuujemy współpracę z Kariną, wprowadzając aktualizacje i dodając nowe funkcje.
WNIOSKI I WRAŻENIA
To mój ulubiony projekt! Praca nad nim była niesamowicie satysfakcjonująca. To jeden z tych przypadków, kiedy produkt jest tak wyjątkowy, że celem staje się zwiększenie jego wpływu poprzez uczynienie projektu jak najbardziej przyjaznym i zachęcającym. Wyzwaniem, które skutecznie rozwiązaliśmy, było zaprojektowanie konta osobistego w ramach ograniczeń platformy internetowej. Stworzyliśmy także projekt, który łatwo się skaluję (i już to robi!).
Kontynuujemy współpracę z Kariną, wprowadzając aktualizacje i dodając nowe funkcje.
WNIOSKI I WRAŻENIA
To mój ulubiony projekt! Praca nad nim była niesamowicie satysfakcjonująca. To jeden z tych przypadków, kiedy produkt jest tak wyjątkowy, że celem staje się zwiększenie jego wpływu poprzez uczynienie projektu jak najbardziej przyjaznym i zachęcającym. Wyzwaniem, które skutecznie rozwiązaliśmy, było zaprojektowanie konta osobistego w ramach ograniczeń platformy internetowej. Stworzyliśmy także projekt, który łatwo się skaluję (i już to robi!).
Kontynuujemy współpracę z Kariną, wprowadzając aktualizacje i dodając nowe funkcje.
WNIOSKI I WRAŻENIA
To mój ulubiony projekt! Praca nad nim była niesamowicie satysfakcjonująca. To jeden z tych przypadków, kiedy produkt jest tak wyjątkowy, że celem staje się zwiększenie jego wpływu poprzez uczynienie projektu jak najbardziej przyjaznym i zachęcającym. Wyzwaniem, które skutecznie rozwiązaliśmy, było zaprojektowanie konta osobistego w ramach ograniczeń platformy internetowej. Stworzyliśmy także projekt, który łatwo się skaluję (i już to robi!).
Kontynuujemy współpracę z Kariną, wprowadzając aktualizacje i dodając nowe funkcje.
WNIOSKI I WRAŻENIA
To mój ulubiony projekt! Praca nad nim była niesamowicie satysfakcjonująca. To jeden z tych przypadków, kiedy produkt jest tak wyjątkowy, że celem staje się zwiększenie jego wpływu poprzez uczynienie projektu jak najbardziej przyjaznym i zachęcającym. Wyzwaniem, które skutecznie rozwiązaliśmy, było zaprojektowanie konta osobistego w ramach ograniczeń platformy internetowej. Stworzyliśmy także projekt, który łatwo się skaluję (i już to robi!).
Kontynuujemy współpracę z Kariną, wprowadzając aktualizacje i dodając nowe funkcje.