top of page

Platforma

wymiany

Wymiana produktów i usÅ‚ug miÄ™dzy użytkownikami.

iOS - Swipe 1.jpg
iOS - Lista dopasowań.jpg
iOS - Dashboard.jpg

O projekcie

Platforma ma polegać na wymianie usÅ‚ug i przedmiotów miÄ™dzy użytkownikami. Dodatkowo dostÄ™pnÄ… alternatywÄ… dokonania transakcji jest możliwość zapÅ‚aty Qmelami - autorskÄ… walutÄ…, która bÄ™dzie Å›ciÅ›le powiÄ…zana z aplikacjÄ…. Jednak zapÅ‚ata nimi bÄ™dzie ograniczona. Qmele bÄ™dzie można zdobywać jedynie poprzez aktywność w aplikacji.

Jeżeli chodzi o dziaÅ‚anie platformy, to ma polegać ono na swipowaniu usÅ‚ug i przedmiotów. Jedynie dopasowanie ofert kontrahentów może doprowadzić do transakcji. Same oferty bÄ™dÄ… coraz trafniej proponowane poprzez inteligentne profilowanie użytkowników dziÄ™ki algorytmom.

Moim zadaniem było znalezienie logiki działania platformy oraz projekt UI na iOS oraz Android.

białe.png

CZAS TRWANIA

22 kwietnia 2022 - 3 maja 2022

Google_Docs_logo.png
128px-Figma-logo.svg.png
InVision-icon-pink.png

UŻYTE NARZĘDZIA

Google

Docs

InVision

Figma

Proces tworzenia

Research

User Flow

Low-Fidelity
Wireframe

Test

UI Design

PrzeglÄ…d projektu

01

Desk
research

Research w przypadku tego projektu nie byÅ‚ szczególnie szeroki. GÅ‚ównie inspirowaÅ‚am siÄ™ aplikacjami randkowymi, które posiadajÄ… funkcjÄ™ swipe.

​

Dodatkowo zapoznaÅ‚am siÄ™ z aplikacjami, które majÄ… tÄ… samÄ… tematykÄ™ - sprzedaż czy wymianÄ™ produktów miÄ™dzy użytkownikami.

02

User
Flow

Åšcieżka użytkownika po platformie rozpoczyna siÄ™ od momentu logowania do dokonania transakcji - wymiany lub zakupu. Diagram przedstawia 4 widoki na stronie, dziÄ™ki którym można dotrzeć do momentu dokonania transakcji.

Dlaczego nie rozdzieliłam flow na 4 diagramy?

Ponieważ byÅ‚o mi wygodnie spoglÄ…dać w jednym miejscu na caÅ‚y przepÅ‚yw, widzieć jak to siÄ™ Å‚Ä…czy i gdzie znajdujÄ… siÄ™ punkty, które powielajÄ… zadania.

Aplikacja wymiany.png

02

Low Fidelity
Wireframe

Na tym etapie postanowiÅ‚am usunąć jeden z widoków, który uznaÅ‚am za niepotrzebny - listÄ™ ofert z ograniczonÄ… iloÅ›ciÄ…. StwierdziÅ‚am, że taka lista bÄ™dzie powieleniem ofert ze swipowania, co jest jednÄ… z gÅ‚ównych funkcji i może skomplikować korzystanie z aplikacji.

Dashboard - widok kategorii.png
Dashboard - swipowanie.png
Dashboard - dopasowanie.png
Chęć kontaktu.png
Lista wiadomości.png
Czat.png
Chęć kupić.png
Chęć wymiany.png
Czat oczekiwanie na akceptacjÄ™.png
Czat oczekiwanie na akceptacjÄ™-1.png
odrzucenie propozycjierty.png
Chęć kontaktu-1.png
Lista dopasowań.png
WIdok oferty z dopoasowania.png
Dodana oferta z propozycjami.png
Profil - moje oferty.png

03

Testowanie
Prototypu Lo-Fi

Test użytecznoÅ›ci przebiegÅ‚ bez problemów. Użytkownicy znali podobne flow z innych aplikacji, a zawarte informacje w każdym kroku uÅ‚atwiaÅ‚y podjÄ™cie decyzji.

04

User Interface
Design

iOS -Logowanie.png
iOS - Dashboard.png
iOS - Swipe 1.png
iOS - Dopasowanie.png
iOS - Wybór kontaktu.png
iOS - Wymiana.png
iOS - Zakup.png
iOS - Dopasowanie-1.png
iOS - Czat.png
iOS - Czat.png
iOS - Czat - wysłana propozycja.png
iOS - Czat - otrzymana propozycja.png
iOS - Dodanie oferty.png
iOS - Dodana oferta.png
iOS - Dopasowana oferta z listy-1.png
iOS - Dopasowana oferta z listy.png
iOS - Lista dopasowań.png
iOS - Profil.png

Dziękuję za przejrzenie projektu.

bottom of page