PORTAL EDUKACYJNY · UX/UI

OSEinspiracje

Portal z materiałami edukacyjnymi dla nauczycieli, zaprojektowany jako część ekosystemu OSE. Projekt obejmował koncepcję serwisu, architekturę treści oraz interfejs zgodny z brandingiem całego ekosystemu.

O projekcie

ROLA

UX/UI designer

ODPOWIEDZIALNOŚĆ

Koncepcja produktu, architektura informacji, UI Design, Responsive design

PRODUKT

Portal internetowy dla nauczycieli w ekosystemie OSE

CZAS

około 3 miesiące

Wyzwanie

W ramach rozwoju ekosystemu OSE powstał pomysł stworzenia miejsca, w którym nauczyciele mogliby odkrywać inspiracje i materiały do prowadzenia zajęć.

Otrzymałam ogólne założenia projektu i odpowiadałam za opracowanie koncepcji portalu — od organizacji treści po projekt interfejsu. Kolejne wersje rozwijałam iteracyjnie na podstawie uwag interesariuszy.

Cele projektowe

Inspirowanie

Portal miał zachęcać nauczycieli do odkrywania nowych materiałów edukacyjnych.

Przejrzysta organizacja

Duża liczba treści wymagała czytelnego podziału i łatwego sposobu ich przeglądania.

Spójność

Projekt musiał zachować zgodność z brandingiem i stylem pozostałych produktów OSE.

Treści łatwe do odnalezienia

Treści zostały uporządkowane za pomocą kategorii, tagów i filtrowania, tak aby nauczyciele mogli szybko dotrzeć do materiałów dopasowanych do swoich potrzeb.

Przestrzeń pełna inspiracji

Nauczyciele mogą przeglądać i filtrować treści, zapisywać wybrane materiały na własnych tablicach oraz odkrywać artykuły z sieci. Mogą też stworzyć własny artykuł i przesłać go do redakcji.

Inspiracje zostają pod ręką

Zalogowani użytkownicy mogą zapisywać artykuły na własnych tablicach. Dzięki temu portal wspiera nie tylko odkrywanie treści, ale także przygotowanie zajęć i powrót do materiałów w odpowiednim momencie.

Różne stany komponentów

Komponenty zostały zaprojektowane z uwzględnieniem różnych stanów i scenariuszy użycia — m.in. hover, rozwinięcia listy, przewijania, zapisu oraz potwierdzenia wykonanej akcji.

Style guide

Na zakończenie

Największym wyzwaniem było zaprojektowanie struktury, która nie przytłacza dużą liczbą treści, a jednocześnie zachęca do ich odkrywania. Projekt połączył czytelną architekturę informacji, mechanizm zapisywania materiałów i spójność z pozostałymi produktami ekosystemu OSE.