UX RESEARCH & UI DESIGN

QUMEL
Aplikacja do wymiany P2P

Aplikacja mobilna do wymiany usług i produktów z nagrodami QUMEL i wsparciem AI

Projekt QUMEL to mobilna aplikacja wspierana przez sztuczną inteligencję, stworzona z myślą o bezpośredniej wymianie usług i produktów między użytkownikami. Opiera się na autorskim systemie tokenów (QML) oraz oferuje intuicyjną nawigację, inteligentne dopasowywanie i elementy grywalizacji, które zwiększają zaangażowanie użytkowników.

Klient

Startup / Rynek kryptowalut

Kategorie

Badania UX
Wireframing
Projektowanie UI

Kontekst projektu i wyzwania

Kim są użytkownicy docelowi?

Użytkownikami QUMEL są osoby otwarte na nowe formy wymiany i cyfrowe rozwiązania – głównie osoby młode, freelancerzy, pasjonaci technologii oraz przedstawiciele gospodarki współdzielenia.
Cenią sobie niezależność, elastyczność i uczciwe transakcje bez pośredników.
Ich potrzeby to: szybka rejestracja, łatwa prezentacja oferty, inteligentne dopasowanie oraz bezpieczeństwo wymiany usług i produktów.

Cel projektu

Celem projektu było zaprojektowanie intuicyjnej i angażującej aplikacji mobilnej, która umożliwia użytkownikom bezpośrednią wymianę usług i produktów, z wykorzystaniem tokenów QUMEL jako systemu nagród.
Aplikacja miała uprościć złożoną logikę wymiany dzięki inteligentnemu dopasowywaniu oraz oferować przejrzysty, przyjazny interfejs, budujący zaufanie i zachęcający do aktywności.

Kluczowe etapy:

  • Zaprojektowanie logiki dopasowań – uproszczenie procesu wymiany produktów i usług w oparciu o wartość QUMEL.

  • Integracja asystenta AI – wdrożenie mechanizmu wspierającego użytkownika w znajdowaniu najlepszych dopasowań ofert.

  • Zbalansowanie prostoty i funkcjonalności – stworzenie interfejsu, który pozostaje czytelny mimo złożonego modelu działania.

PROCES PROJEKTOWY

Badania UX, analiza konkurencji, testowanie oraz projektowanie interfejsów

Research & Analiza

Analyzing trends and platforms in exchange and token-based apps to find UX inspiration.

Wymagania biznesowe

Zdefiniowanie kluczowych potrzeb klienta, funkcji aplikacji i celu tokenu QUMEL.

User Flow

Opracowanie prostego i logicznego przepływu działań użytkownika wspieranego przez AI.

Lo-fi Wireframes

Szybkie szkice ekranów koncentrujące się na strukturze i kluczowych akcjach użytkownika.

Testy z użytkownikami

Walidacja intuicyjności aplikacji i roli QUMEL na wczesnym etapie rozwoju.

Projektowanie UI

Finalny interfejs z dopracowaną typografią, kolorami i mikrointerakcjami.

BADANIA I ANALIZA UX

Przeprowadzenie analizy rynku i badań UX w celu zrozumienia modeli wymiany bezpośredniej, potrzeb użytkowników oraz potencjału interakcji wspieranych przez AI i system nagród oparty na tokenach.

Analiza rynku i konkurencji

W ramach badań UX przeanalizowałam rynek aplikacji wymiany oraz platform opartych na tokenach, by zrozumieć potrzeby użytkowników i zidentyfikować trendy, takie jak: prosty model wymiany peer-to-peer, funkcje oparte na AI, oraz elementy grywalizacji zwiększające zaangażowanie.

Luki i problemy w istniejących rozwiązaniach

Zidentyfikowano brak inteligentnego dopasowania, niski poziom automatyzacji, ograniczone opcje filtrowania ofert i słabą personalizację. Wnioski z tej analizy pozwoliły na zaprojektowanie bardziej trafnego i zrozumiałego doświadczenia użytkownika.

Podstawa dalszych etapów projektu

Wyniki analizy posłużyły jako fundament do zaprojektowania logiki przepływu, mechaniki dopasowań oraz systemu nagród. Badania potwierdziły zasadność wdrożenia asystenta AI oraz gamifikacji opartej na tokenach QUMEL.

Wymagania biznesowe

Ekonomia tokena QUMEL

System nagród oparty na tokenach QML – używany do wyceny ofert, wymiany oraz aktywizacji użytkowników.

Model wymiany P2P

Bezpośrednia wymiana produktów i usług między użytkownikami – bez pośredników i gotówki.

Inteligentne dopasowanie

Mechanizm swipe + match wspierany przez AI – dla trafnych i szybkich dopasowań ofert.

Przejrzysty podział ofert

Struktura podzielona na dwie główne kategorie: Usługi i Produkty – z najpopularniejszymi podgrupami.

Grywalizacja i nagrody za aktywność

Użytkownicy zdobywają QUMEL za czas spędzony w aplikacji, transakcje i polecenia.

Zaufanie i bezpieczeństwo

Użytkownicy zdobywają QUMEL za czas spędzony w aplikacji, transakcje i polecenia.

User Flow

Opis

Ten schemat przedstawia główną ścieżkę użytkownika w aplikacji mobilnej QUMEL – od onboardingu aż do finalizacji transakcji z użyciem tokenów QUMEL. Zawiera logiczne punkty decyzyjne, dopasowania wspierane przez AI oraz płynny proces wymiany.

Kluczowe etapy:

  • Onboarding
    Użytkownicy rejestrują i przechodzą do ekranu głównego po weryfikacji.

  • Ustawienia profilu i preferencji
    Uzupełniają dane konta, określają preferencje i otrzymują sugestie dopasowań od asystenta AI.

  • Eksploracja usług i produktów
    Przeglądają kategorie, przeszukują oferty i korzystają z mechanizmu swipe do nawiązywania interakcji.

  • Dopasowanie i transakcja
    Jeśli pojawi się dopasowanie – mogą przejść dalej. W przeciwnym razie wybierają produkt/usługę i realizują zakup za QUMEL-e.

  • Podpięcie portfela
    Jeśli portfel nie został wcześniej podpiety – aplikacja poprosi o jego aktywację przed transakcją.

  • Zakup z użyciem tokenów
    Po potwierdzeniu transakcji tokeny zostają odjęte, a saldo portfela zaktualizowane.

Wynik / Rezultat

Ten przejrzysty proces zapewnia intuicyjną i zorientowaną na użytkownika ścieżkę, która ułatwia wymianę i nagradza zaangażowanie.

Wireframe’y mobilne

Stworzono wireframe’y, aby zobrazować podstawową strukturę i funkcjonalności aplikacji QUMEL.
Skoncentrowano się na układzie, hierarchii treści i logice przepływu, zapewniając intuicyjną nawigację jeszcze przed wdrożeniem warstwy wizualnej. Wireframe’y pozwoliły zweryfikować system dopasowań, przeglądanie ofert i proces transakcji z użyciem tokenów QUMEL.

Lauch Screen

Welcome

Get Started

Signup

Login

Verification

Confirmation

Account

Profile

Followers

Matching Preferences

Following Profile

Home

Item list

Sort by

Recently added ofers

Filters

Purchase the order

Checkout & Order Review

Complere your swap

Acknowledgement & Success

Account

Order History

Order Success

Testy z użytkownikami

Aby zweryfikować logikę aplikacji oraz poprawić kluczowe funkcjonalności, przeprowadziłam testy użyteczności z udziałem 5 użytkowników na bazie lo-fi prototypu aplikacji mobilnej QUMEL. Celem było sprawdzenie intuicyjności, zrozumienia funkcji oraz identyfikacja potencjalnych barier w procesie wymiany peer-to-peer.

Kluczowe Wnioski & Poprawki

Podpięcie portfela

Część użytkowników nie wiedziała, że aby zakończyć transakcję, trzeba wcześniej podpiąć portfel. Dodano więc dedykowany ekran przypomnienia z wizualnym statusem i wskazówkami.

Saldo Tokenów QUMEL

Użytkownicy nie byli pewni, ile tokenów QUMEL mają do dyspozycji. W odpowiedzi dodano licznik salda tokenów na ekranie - Profil użytkownika.

Użyteczność Asystenta AI

Użytkownicy uznali AI za ciekawe rozwiązanie, ale nie wiedzieli, jak z niego korzystać. Wprowadzono krótką instrukcję, przykładowe zapytania i historię przykładowej konwersacji, które pokazują jak AI może wspierać odkrywanie ofert i usług.

Centrum Powiadomień

Choć nie było testowane w tej iteracji, użytkownicy zaproponowali dodanie zakładki z powiadomieniami, aby łatwiej śledzić nowe dopasowania, transakcje oraz postęp nagród. Funkcja zostanie uwzględniona w kolejnej wersji projektu.

Projektowanie UI

Nowoczesny, dynamiczny i spójny interfejs został zaprojektowany z myślą o intuicyjnej nawigacji, zaangażowaniu emocjonalnym oraz pełnej zgodności z wytycznymi iOS.

Identyfikacja wizualna czerpie inspirację z estetyki gier – oparta na ciemnym motywie, żywej neonowej zieleni i mikrointerakcjach, które podkreślają energię i natychmiastowy feedback.

Kluczowe Wnioski Projektowe

Optymalizacja palety kolorów

Zastosowano spójną paletę, która wzmacnia charakter marki i zwiększa czytelność:

  • Bazowy #D2F76C – Główne przyciski CTA, aktywne elementy, ikony

  • Najciemniejszy #042D37 – Tło, nawigacja, obszary kontrastu

  • Jasny #F2F4F5 – Etykiety, ramki, subtelne elementy interfejsu

  • Najjaśniejszy #F7F9FA – Neutralne tła, sekcje informacyjne

Kolory budują rytm wizualny, wspierają emocjonalność i wzmacniają zaufanie użytkownika.

Typografia

Użyto dwóch fontów, które tworzą wyrazistą hierarchię i nowoczesny charakter:

  • Bebas Neue – Tytuły sekcji i nagłówki, wielkie litery dla mocnego przekazu

  • Montserrat – Treść główna, etykiety, formularze – maksymalna czytelność

To połączenie zapewnia przejrzystość i komfort użytkowania na każdym etapie interakcji.

OSTATECZNE ULEPSZENIA

Na podstawie testów użyteczności oraz iteracyjnych poprawek, wprowadzono zmiany zwiększające przejrzystość, personalizację i pewność użytkownika. Finalne poprawki skupiły się na kluczowej wartości aplikacji: inteligentnej i płynnej wymianie, wspieranej przez przejrzyste komunikaty.

Kluczowe Wnioski & Poprawki

Ulepszenia Asystenta AI

Dodano instrukcję oraz przykładowy czat, aby pokazać użytkownikom, jak korzystać z AI do wyszukiwania ofert i dopasowań profilu.

Saldo Tokenów QUMEL

Na ekranie profilu pojawił się wskaźnik dostępnych tokenów QUMEL, aby użytkownik mógł świadomie zarządzać budżetem podczas transakcji.

Centrum Powiadomień

Nowy panel powiadomień informuje o statusie nagród, zatwierdzonych transakcjach oraz indywidualnych rekomendacjach od AI.

Welcome & Get Started

Create account

Home

Recently added offers

Confirm & Send QUMEL

Launch Screen

Podsumowanie Projektu

QUMEL to platforma oparta na tokenach i wspierana przez AI, stworzona do bezproblemowej wymiany usług i produktów w modelu peer-to-peer — nagradzająca aktywność, upraszczająca dopasowania i budująca zaufanie.

Produkt

  • Wymiana peer-to-peer – QUMEL umożliwia użytkownikom bezpośrednią wymianę usług i produktów za pomocą tokenów QUMEL, bez pośredników i tradycyjnej waluty.

  • Elastyczny model transakcji – Użytkownicy mogą wymieniać usługę na usługę, produkt na produkt lub łączyć oba, korzystając z transakcji tokenowych wspieranych przez inteligentne dopasowanie.

Integracja AI

  • Spersonalizowane dopasowania – Asystent AI pomaga użytkownikom odkrywać trafne oferty, analizując ich profil, zainteresowania i wcześniejsze interakcje.

  • Prowadzony onboarding – Wprowadzono instrukcje oraz podgląd przykładowego czatu, aby pokazać, jak AI może wspierać użytkownika w korzystaniu z aplikacji.

Komunikacja

  • Informacja zwrotna w czasie rzeczywistym – Stan portfela, saldo tokenów i aktualizacje ofert są widoczne w kluczowych momentach ścieżki użytkownika.

  • Motywacja przez nagrody – Powiadomienia i wskaźniki postępów informują o zdobytych tokenach QUMEL i zachęcają do dalszego zaangażowania.

Zobacz więcej projektów