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.

Karina Kino School Logo
Karina Kino School Logo
Karina Kino School Logo
Karina Kino School Logo
Karina Kino School Logo
Painting Process
Painting Process
Painting Process
Painting Process
Painting Process

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.

Information Architecture

Architektura informacji

Information Architecture

Architektura informacji

Information Architecture

Architektura informacji

Information Architecture

Architektura informacji

Information Architecture

Architektura informacji

Information Architecture

Prototypy Lo-Fi

Information Architecture

Prototypy Lo-Fi

Information Architecture

Prototypy Lo-Fi

Information Architecture

Prototypy Lo-Fi

Information Architecture

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.

Standard GetCourse Platform Interface

Standardowy interfejs platformy GetCourse

Standard GetCourse Platform Interface

Standardowy interfejs platformy GetCourse

Standard GetCourse Platform Interface

Standardowy interfejs platformy GetCourse

Standard GetCourse Platform Interface

Standardowy interfejs platformy GetCourse

Standard GetCourse Platform Interface

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.

Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo

Strona główna

Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo

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

Style Guide

Style Guide

Style Guide

Style Guide

Style Guide

UI Component Library

Biblioteka komponentów UI

UI Component Library

Biblioteka komponentów UI

UI Component Library

Biblioteka komponentów UI

UI Component Library

Biblioteka komponentów UI

UI Component Library

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.

Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo
Dashboard Interface Laptop Photo

Interfejs konta

Chats Interface Laptop Photo
Chats Interface Laptop Photo
Chats Interface Laptop Photo
Chats Interface Laptop Photo
Chats Interface Laptop Photo

Interfejs czatów

Biblioteka komponentów dashboardu

Dashboard Component Library

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.

Współpracujmy!

© 2025

Projekt i rozwój strony przez Svetlana Dudinskaia

Współpracujmy!

© 2025

Projekt i rozwój strony przez Svetlana Dudinskaia

Współpracujmy!

© 2025

Projekt i rozwój strony przez Svetlana Dudinskaia

Współpracujmy!

© 2025

Projekt i rozwój strony przez Svetlana Dudinskaia

Współpracujmy!

© 2025

Projekt i rozwój strony przez Svetlana Dudinskaia