MVP platformy e-learningowej dla prywatnej akademii matematycznej

Zakres prac

Projektowanie UX/UI

Development

Czas trwania

460h

1,5 miesiąca

Technologie

Laravel

ReactJS

PHP 8

Klient

1649c

Cel projektu

Celem projektu było zbudowanie platformy e-learningowej, która pomogłaby zweryfikować plan klienta dotyczący sprzedaży kursów online

Projekt zaczęliśmy od kilku rund prototypowania papierowego

Pomogło to przełożyć wizję klienta na ogólne, ale namacalne szkice. Warsztat kickoff przeprowadziliśmy metodą design studio, co pozwoliło nam tworzyć wiele konceptów w zaledwie kilka minut.

Następnie przenieśliśmy szkice do cyfrowych wireframów i zaczęliśmy iterować

W sumie zrealizowaliśmy 3 rundy wireframowania, podczas których dalej definiowaliśmy zakres MVP i skupialiśmy się na poprawie architektury informacji. Tym razem użyliśmy własnego zestawu do wireframowania i w miarę postępu wzbogacaliśmy go o komponenty specyficzne dla projektu. Takie podejście zapewnia, że biblioteka komponentów stale rośnie i jest coraz bardziej dopracowana.

Po ustaleniu zakresu MVP zaczęliśmy przenosić wireframy do UI

W tym projekcie postawiliśmy na połączenie stylu brutalistycznego z klimatem gry arcade. Proste UI zostało wzbogacone o abstrakcyjne ilustracje o kosmicznym motywie przygotowane przez Lindę Lach, współwłaścicielkę Projekt Matematyka. Aby dopełnić retro-arcade'owy klimat, zdecydowaliśmy się użyć czcionki maszynopisowej i wzorców interakcji stosowanych w starych konsolach do gier

W ramach MVP stworzyliśmy też Landing Page

W ten sposób mogliśmy zapewnić użytkownikom płynną rejestrację, co przełożyło się na lepszą konwersję i ścieżkę użytkownika bliższą docelowemu produktowi.

UI zostało zbudowane wokół podstawowego design systemu, który przyspieszy dodawanie nowych funkcji do platformy

Platforma była rozwijana z wykorzystaniem rozwiązań chmurowych zapewniających płynne przesyłanie strumieniowe

Dzięki chmurowym rozwiązaniom streamingowym od DigitalOcean możliwe było dostarczenie wysokiego poziomu dostępności platformy. Przechowywanie i strumieniowanie filmów było największym wyzwaniem technologicznym, z którym z powodzeniem sobie poradziliśmy - w efekcie serwis może obsługiwać ruch tysięcy widzów jednocześnie. Dodatkową zaletą rozwiązań chmurowych jest to, że łatwo integrują się z aplikacją, co z kolei przełożyło się na krótki czas wdrożenia platformy. Istnieje też przejrzysty i przewidywalny model cenowy, dzięki czemu klient ma pewność, że nie zostaną mu naliczone dodatkowe, nieoczekiwane koszty.