Baner a projektem aplikacji

Informacje

Klient

FlowGuard (koncept)

Rola

UX Designer

Rok

2024

Użyte narzędzia

Figma Illustrator Copilot

Produkt

Aplikcja

FlowGuard (koncept)

FlowGuard to portfel do zarządzania finansami na bliski okres.

Tło projektu FlowGuard

Wczasach pędzącej inflacji i zmian politycznych na świecie. Ludzie coraz częściej zmuszeni są do życia ledwo ponad kreską. Zwłaszcza dotyczy to teraz jednych z najliczniejszych pokoleń (Gen z i milenialsów).
Wśród 1003 osób z pokolenia z aż 88,04% (wg. portalu self.inc ) przyznaje, że co najmniej raz w miesiącu martwią się o swoje fundusze. Z tej grupy największą część stanowią osoby, które robią, to codziennie a jest ich 33,60%.

 

Według badań na uczniach w Stanach Zjednoczonych już 9,5/10 osób posiada problemy z wykonywaniem obowiązków na rzecz podejmowania akcji nieproduktywnych. Prokrastynacja jest coraz większym zagrożeniem, ponieważ nie tylko prowadzi do pogarszania się wyników w nauce, ale również do zaniżenia swojej samooceny.

Cztery telefony apple z różnymi widokami aplikacji FlowGuard (Case study)

Problem

FlowGuard to firma, której zadaniem jest poprawienie kondycji psychicznej oraz finansowej. Celem firmy jest stworzenie produktu, który nauczy i zachęci ludzi do oszczędzania pieniędzy. Grupą docelową, do której FlowGurad chce eksponować swój produkt są osoby, które dopiero weszły i wchodzą w dorosłość. Ponieważ są oni najbardziej narażoną grupą przez problemy dzisiejszego świata. 

Cel projektu

W tym projekcie moim zadaniem jest stworzenie intuicyjnej platformy, która pozwoli osiągnąć cel firmy i jednocześnie sprosta oczekiwaniom użytkowników. W tym celu przeprowadzę reaserch, który później pomoże mi podejmować decyzje projektowe.

Rozwiązanie

Rozwiązaniem, które pomoże osiągnąć cel istnienia firmy, jest aplikacja mobilna. Aby to osiągnąć, przeprowadzę badania, na których oprę finalny projekt aplikacji.

Ilustracja człowieka, który z palcy układa serce (Planily Case study)

Persony

Poznaj persony które stworzyłem na potrzeby tego projektu. Są one reprezentacją docelowych użytkowników aplikacji. Pomogły mi one w głębszym zrozumieniu potrzeb użytkowników i utrzymaniu użytkownika na pierwszym miejscu.

Kobieta modnie ubrana i cytat

Anna Kowalska

Właścicielka Baru

Anna jest właścicielką baru w centrum Warszawy i pasjonatką popkultury. Uwielbia gry komputerowe, planszówki, książki, filmy oraz seriale dostępne na platformach streamingowych. Boryka się jednak z trudnościami w oszczędzaniu, co sprawia, że często brakuje jej poczucia bezpieczeństwa finansowego. Jej celem jest zgromadzenie oszczędności, które pokryłyby koszty życia przez trzy miesiące.

Cele

1. Rozwinięcie baru

2. Utworzenie oszczędności na poziomie 3 miesięcy wydatków

Frustracje

1. Impulsywne kupowanie

2. Trudność w systematycznym oszczędzaniu

Demografia

Wiek:
Edukacja:
Miejsce zamieszkania:
Zawód:
Stan cywilny:

29
Wykształcenie wyższe
Warszawa
Właścicielka baru
Mężatka

User story

Jako fanka popkultury potrzebuję aplikacji, która umożliwi mi precyzyjne kontrolowanie wydatków na subskrypcje i inne
formy mediów kulturalnych. Dzięki temu będę czuła się bardziej bezpieczna i pewna swoich finansów

Kobieta modnie ubrana i cytat

Anna Kowalska

Właścicielka Baru

Anna jest właścicielką baru w centrum Warszawy i pasjonatką popkultury. Uwielbia gry komputerowe, planszówki, książki, filmy oraz seriale dostępne na platformach streamingowych. Boryka się jednak z trudnościami w oszczędzaniu, co sprawia, że często brakuje jej poczucia bezpieczeństwa finansowego. Jej celem jest zgromadzenie oszczędności, które pokryłyby koszty życia przez trzy miesiące.

Cele

1. Rozwinięcie baru

2. Utworzenie oszczędności na poziomie 3 miesięcy wydatków

Frustracje

1. Impulsywne kupowanie

2. Trudność w systematycznym oszczędzaniu

Demografia

Wiek:
Edukacja:
Miejsce zamieszkania:
Zawód:
Stan cywilny:

29
Wykształcenie wyższe
Warszawa
Właścicielka baru
Mężatka

User story

Jako fanka popkultury potrzebuję aplikacji, która umożliwi mi precyzyjne kontrolowanie wydatków na subskrypcje i inne
formy mediów kulturalnych. Dzięki temu będę czuła się bardziej bezpieczna i pewna swoich finansów

Mężczyzna stojący z profilu

Piotr Nowak

Specjalista IT

Piotr jest specjalistą devops mieszkającym w Krakowie. Planuje w niedalekiej przyszłości zakup mieszkania, dlatego odkłada pieniądze na wkład własny. W wolnym czasie uwielbia organizować wycieczki rowerowe po całej Polsce, które wymagają starannego planowania.

Cele

1. Zakup mieszkania.

2. Śledzenie zarobków

3. Rozważne wydawanie pieniędzy

Frustracje

1. Trudność z planowaniem budżetu

2. Brak czasu na skomplikowane analizy

Demografia

Wiek:
Edukacja:
Miejsce zamieszkania:
Zawód:
Stan cywilny:

26
Studia wyższe
Kraków
Specjalista IT
Singiel

User story

Piotr to specjalista Devops, który mieszka w Krakowie. Planuje w nie dalekiej przyszłości zakupienie mieszkania. Więc potrzebuje pieniędzy na wkład własny. W międzyczasie lubi jeździć na wycieczki rowerowe po całym kraju, które potrzebują dokładnego planowania. 


Mężczyzna stojący z profilu

Piotr Nowak

Specjalista IT

Piotr jest specjalistą devops mieszkającym w Krakowie. Planuje w niedalekiej przyszłości zakup mieszkania, dlatego odkłada pieniądze na wkład własny. W wolnym czasie uwielbia organizować wycieczki rowerowe po całej Polsce, które wymagają starannego planowania.

Cele

1. Zakup mieszkania
2. Śledzenie zarobków
3. Rozważne wydawanie pieniędzy

Frustracje

1. Trudność z planowaniem budżetu

2. Brak czasu na skomplikowane analizy

Demografia

Wiek:
Edukacja:
Miejsce zamieszkania:
Zawód:
Stan cywilny:

26
Studia wyższe
Kraków
Specjalista IT
Singiel

User story

Jako młoda osoba potrzebuję aplikacji, która pomoże mi skutecznie oszczędzać pieniądze, dzięki czemu będę mógł zrealizować marzenie o własnym mieszkaniu.

Empathy Map

Korzystając z empathy map, lepiej zrozumiałem, co użytkownicy myślą, czują i czego potrzebują, co pomogło mi dostosować projekt do ich oczekiwań. Dzięki tej technice mogłem skupić się na realnych problemach użytkowników i zaproponować intuicyjne rozwiązania, które odpowiadają na ich potrzeby.
Empathy map
Empathy map

User journay map

Żeby lepiej zrozumieć to, w jaki sposób użytkownicy wchodzą w interakcję z produktem utworzyłem User journey map. Jest to kluczowe narzędzie projektowania skoncentrowanego na użytkowniku (User-Centered Design), które pozwala identyfikować potrzeby, emocje i problemy użytkowników na każdym etapie ich doświadczenia.
Wykres user journay (FlowGuard Case study)
Baner wprowadzający do fazy Define w procesie projektowania aplikacji

Problem statment

Definiując problem statement,  jasno określiłem, jakie są kluczowe problemy dla naszych użytkowników, co nadało kierunek całemu procesowi projektowemu. Pomogło mi to bardziej skupić się na tworzeniu rozwiązań, które faktycznie odpowiadają na ich potrzeby i eliminują realne problemy.
Piotr jest specjalistą IT, który potrzebuje aplikacji do zarządzania budżetem, żeby oszczędzić pieniądze na wkład własny do kredytu.

“Jako fanka popkultury potrzebuje aplikacji, która pomoże dokładniej kontrolować moje wydatki na subskrypcje i inne media kulturalne. Przez co będę się czuła bezpieczniej.

Hypotesis statment

Aby zawęzić spostrzeżenia z przeprowadzonych badań, sporządziłem Hypothesis Statement dla każdej persony.
Jeżeli Piotr zacznie planować swój budżet, będzie mógł szybciej wziąć kredyt na zakup swojego mieszkania.
“Jeżeli Anna zacznie używać aplikacji do planowania wydatków, będzie mogła szybciej zbudować poduszkę finansową.”
Baner wprowadzający do fazy Ideate w procesie projektowania aplikacji

Goal statment

Goal statement pomógł mi ukierunkować działania i  określić co produkt ma osiągnąć. Dzięki niemu lepiej osadziłem się w potrzebach użytkowników. Pozwoliło mi to zaprojektować lepsze doświadczenie.
“Nasza aplikacja pozwoli użytkownikom stworzyć plan budżetu na tydzień / miesiąc / inaczej określony czas,
który wpłynie na osoby, które potrzebują zadbać o swoje finanse, przez co pozwoli im to czuć się bezpiecznie.
Efektywność będziemy mierzyć przez współczynnik ilości użytkowników do ilości złożonych planów.„

Competition audit

Przeprowadziłem adudyt konkurencji, aby sprawdzić jakie funkcje i produkty są proponowane w ich realizacjach. Dzięki temu mój projekt spełnia standardy branży oraz zapewnia wartość dodaną, której nie proponują konkurenci.

Aplikacje te wyróżniają się bardzo dobrym i przemyślanym designem. Wszystkie posiadają dużo przydatnych funkcjonalności. Jadnak są one przeznaczone dla pojedynczego użytkownika (Todoist) lub profesjonalnych organizacji. Daje to dużo przestrzeni na rynku skierowanym do nieprofesjonalnych grup użytkowników.

Scenariusze UX

Chcc wejść w skórę użytkowników wykonałem scenariusz z perspektywy Anny, która jest właścicielką bar w warszawie. Scenariusz ten pomógł mi zrozumieć, w jaki sposób można zachęcić użytkowników za pomocą systemu nagród.

Creazy eights

Aby w jak najszybszy sposób wykreować pomysły, które pomogą użytkownikom rozwiązać problemy użyłem metody Crazy Eights. Dzięki niej na wierzch wyszły pomysły na funkcje takie jak:
1. Sekcja z wiedzą
2. Zapraszanie użytkowników do wspólnego planowania budżetu 
3. System nagradzania ludzi
5. Importowanie transakcji z konta bankowego

User flow: Dodawanie transakcji

Papierowe Wireframy

Podczas tworzenia wireframów inspirowałem się wieloma aplikacjami z i poza branży. Między innymi były to aplikacje takie jak YNAB i Revolut. Do każdego widoku stworzyłem 3 – 5 wersji, by następnie najlepsze fragmenty (oznaczone gwiazdką) przenieść do końcowego projektu.

Baner wprowadzający do fazy Prototype w procesie projektowania aplikacji

Wireframes

Biorąc pod uwagę wcześniej naszkicowane wireframy stworzyłem ich wersje digitalową. Pozwalają one szybko zwizualizować układ i strukturę aplikacji. Dzięki temu proces iteracji był sprawniejszy, a ostateczny projekt lepiej odpowiadał na potrzeby użytkowników.

Przetestuj prototyp
Low-Fi

Przetestuj prototyp
Low-Fi

Finalny produkt

Widok tworzenia transakcji (Flowguard Case study)
Widoki wiedzy, analizy i wybierania kategorii (Flowguard case study)
Widok główny aplikacji (FlowGuard Case study)

Sprawdź prototyp
Aplikacji

Przetestuj prototyp
Hi-fi

Dziękuję za scrollowanie

Pogadajmy o twoim projekcie

Rozmowa o projekcie dla firmy klienta

Informacje

Klient

FlowGuard (koncept)

Rola

UX Designer

Użyte narzędzia

Figma Illustrator Copilot

Produkt

Aplikcja

Rok

2024