Przejdź do treści
MRAWSKY
Przyjmuję projekty
Warszawa, Europa ·
MRAWSKY
Przyjmuję projekty
Warszawa, Europa ·
A / CASEomega.moe

omega.moe

03 / 2025
RolaProjekt UX/UI i full-stack development
ZakresProjekt UX/UI · Fullstack development · Integracje i automatyzacja
TerminStyczeń 2025
Odwiedź stronę ↗
Świetlisty symbol omega.moe na tle fioletowej cyfrowej kompozycji

Jedna platforma cyfrowa, która łączy konto klienta, sklep, dostęp do aplikacji, obsługę resellerów i narzędzia zarządcze.

Co powstało

Wspólne miejsce dla konta, sklepu i pobierania aplikacji

Osobny system wspierający współpracę z resellerami

Centralny dostęp do zarządzania kontami i analityki

Punkt wyjścia

omega.moe potrzebowało czegoś więcej niż publicznej strony prezentującej ofertę. Za marką działało kilka powiązanych procesów: obsługa kont klientów, udostępnianie aplikacji, sprzedaż, współpraca z resellerami oraz kontrola kluczowych danych przez zarząd. Celem było połączenie ich w jednym systemie, który pozostaje prosty dla użytkownika, a jednocześnie daje zespołowi pełny obraz działania platformy.

Strona główna omega.moe wyświetlona na ekranie laptopa
Strona główna platformy

Jedno konto, cała platforma

Panel klienta porządkuje najważniejsze działania wokół jednego konta. Użytkownik może przejść od poznania oferty do zakupów w zintegrowanym sklepie, a następnie pobrać przypisane aplikacje bez szukania informacji w kilku niezależnych miejscach. Hierarchia interfejsu eksponuje bieżący stan konta i najczęściej wykonywane zadania, dzięki czemu rozbudowane zaplecze nie komplikuje codziennej obsługi.

Dwa spojrzenia na ten sam system

Warstwa kliencka została połączona z narzędziami przeznaczonymi dla resellerów i zarządu. Resellerzy otrzymali wydzielony przepływ dopasowany do ich sposobu pracy, natomiast panel zarządczy skupia informacje o kontach i analitykę w jednym miejscu. Obie strony korzystają z tych samych danych, ale prezentują je zgodnie z innymi celami i zakresem odpowiedzialności.

Mobilne widoki stron produktów omega.moe na dwóch smartfonach
Responsywna prezentacja produktów
Strona omega.moe z kluczowymi statystykami i opisem funkcji wyświetlona na tablecie
Oferta, statystyki i możliwości platformy

Zaplecze gotowe na codzienną pracę

Interfejs powstał w Nuxt i Tailwind CSS, a komunikację z warstwą serwerową obsługuje Axios. Backend oparty na Express.js i PostgreSQL odpowiada za dane oraz logikę platformy. Integracja przez Discord.js wspiera przepływy związane ze społecznością i automatyzacją, a Helmet wzmacnia podstawową ochronę warstwy HTTP. Efektem jest spójny produkt obejmujący publiczną prezentację, samoobsługę klienta i narzędzia operacyjne.

Mobilne widoki statusu usług i profilu użytkownika omega.moe
Status usług i konto użytkownika
Następny / 2025Portfolio 2025 ↗