Kontakt
Wszystkie projekty Case study · Portfolio UX/UI · 2024

ViveFit – aplikacja fitness i przewodnik po zdrowiu

Autorska aplikacja trenerki Pauli Piotrzkowskiej: treningi, przepisy i dziennik nawyków w jednym miejscu. Desktop, tablet i mobile.

Dziennik aplikacji ViveFit na laptopie, tablecie i telefonie
Moja rola
Jedyna projektantka UX/UI w projekcie
Czas trwania
3 miesiące: kompleksowe odnowienie projektu i gotowe interfejsy
Narzędzia
Figma: badania, architektura informacji, design system i makiety
Platformy
Desktop, tablet i mobile: jeden spójny układ Dziennika
01 · Przegląd projektu

ViveFit by Paula

ViveFit to autorska aplikacja fitness oraz przewodnik po zdrowym stylu życia. Choć czerpie z doświadczenia i podejścia trenerki Pauli Piotrzkowskiej, jej elastyczna formuła powstała z myślą o każdym, kto szuka równowagi. Projekt łączy cyfrową opiekę z budowaniem zaangażowanej społeczności, m.in. poprzez cykliczne zjazdy i spotkania z użytkownikami w Polsce.

Zakres prac

Analiza feedbackuPersonaArchitektura informacjiDashboardDesign systemUI desktop / tablet / mobileWspółpraca z autorką
02 · Wyzwanie i cel biznesowy

Mało czasu, za dużo zasad

Problem użytkowników

Współczesne, zabiegane osoby nie mają czasu na wielogodzinne sesje na siłowni i frustrują je skomplikowane diety, wymagające trudno dostępnych składników i długiego gotowania. Tradycyjne aplikacje fitness skupiają się często wyłącznie na cyfrach i surowej dyscyplinie, pomijając elastyczność i wsparcie psychologiczne.

Główne wyzwanie UX: zaprojektować przejrzysty interfejs, który:

  1. 01Oszczędza czasPozwala szybko odnaleźć trening, przepisy oraz zaplanować dzień.
  2. 02Ułatwia budowanie nawykówZa pomocą czytelnego dzienniczka i modułu śledzenia postępów.
  3. 03Jest uniwersalny i dostępnyOferuje przejrzysty design dla każdego użytkownika.
03 · Badania i analiza potrzeb

Analiza feedbacku użytkowników

Kluczowym źródłem wiedzy była wieloletnia analiza e-maili i zapytań kierowanych bezpośrednio do Pauli przez osoby korzystające z jej planów. Pozwoliła zidentyfikować najważniejsze pain pointy.

  1. 01Chaotyczne planowanieUżytkownicy gubili się w natłoku informacji: potrzebowali jednego miejsca z jasnym planem na dany dzień.
  2. 02Brak kontroli nad postępamiBrak wizualnego podsumowania sukcesów demotywował do dalszej pracy.
  3. 03Potrzeba prostotyZbyt skomplikowana nawigacja powodowała masę zapytań do Pauli o wyjaśnienie obsługi aplikacji.
04 · Persona projektowa

Anna Kowalczyk

28–34 lata, specjalistka ds. marketingu z Krakowa. Ambitna zawodowo, ale po intensywnym dniu w pracy brakuje jej energii.

„Chcę czuć się dobrze w swoim ciele, bez głodówek i spędzania godzin na siłowni”

Profil

Jest ambitna zawodowo, ale po intensywnym dniu w pracy brakuje jej energii. Chce zadbać o siebie, poprawić sylwetkę i nawyki żywieniowe, jednak przerażają ją skomplikowane diety oraz skrajne wyzwania fitnessowe. Szuka profesjonalnego, kobiecego przewodnika po zdrowym stylu życia.

Zainteresowania

Zdrowe gotowanie, podróże, pielęgnacja skóry, rozwój osobisty, podcasty o zdrowiu i psychologii.

Cechy

Zatroskana o zdrowie, zabiegana, poszukująca równowagi, estetyczka, konsekwentna, gdy ma jasny plan.

Problemy

Brak czasu na długie treningi oraz przygotowywanie skomplikowanych posiłków z wymyślnych składników. Trudność w utrzymaniu regularności i brak motywacji przy zbyt rygorystycznych planach.

Czego potrzebuje

  • Elastycznych treningów, które zrobi w domu lub w dowolnym miejscu
  • Prostych przepisów ze składników z lokalnego sklepu
  • Intuicyjnej aplikacji, która prowadzi „krok po kroku” i pokazuje postępy
05 · Architektura informacji

Wszystko w jednym Dzienniku

Serce aplikacji to Dziennik (Dashboard), który zbiera najważniejsze funkcje w jednym centrum dowodzenia i eliminuje przełączanie się między podstronami.

B · Nawigacja boczna

Stałe menu boczne daje natychmiastowy dostęp do głównych modułów:

DziennikTreningiPrzepisyOstatnio dodaneWyzwaniaKontakt

A · Główny ekran: Dziennik

  1. A1Centrum dowodzeniaProfil z interaktywnym kalendarzem tygodniowym do szybkiego wyboru dnia.
  2. A2Kalorie i wyzwaniaKołowy wykres bilansu kalorycznego (np. cel 1900 kcal) i postęp wyzwań.
  3. A3Water trackerKlikalny widget szklanek do zapisywania nawodnienia.
  4. A4Szybkie akcjeModale „Dodaj trening” i „Dodaj posiłek” z wyszukiwarką i własnymi wpisami.
  5. A5Moje Treningi i Moje MenuSzybkie listy zaplanowanych ćwiczeń i dań.
06 · Kluczowy ekran

Dziennik na każdym urządzeniu

Ten sam układ Dashboardu na desktopie, tablecie i telefonie: profil z kalendarzem tygodnia, bilans kalorii, wyzwania, nawodnienie i szybkie akcje.

Ekran Dziennika ViveFit: profil, kalendarz tygodnia, bilans kalorii, wyzwania, nawodnienie, treningi i menu
07 · Wybrane ekrany

Treningi

Lista treningów z filtrami po kategorii, typie, długości i poziomie trudności oraz zakładkami „Wszystkie”, „Ulubione” i „Tylko polecane dla mnie”.

Ekran listy treningów z filtrami
  • Kategorie: Shape, Cardio, Strong, Dance, Body & Mind, Fit Mama
  • Długość: krótki < 20 min, średni 20–40 min, długi > 40 min
  • Na karcie: czas, poziom, kalorie i oznaczenie „Polecane”

Szczegóły treningu i przepisy

Szczegóły otwierają się w modalu nad listą: użytkownik nie traci kontekstu ani ustawionych filtrów.

Modal z pojedynczym treningiem
Treningi: pojedynczy trening
Modal z przepisem i składnikami
Przepisy: pojedynczy przepis i składniki
Lista przepisów z filtrami
Przepisy: lista z filtrami
08 · System projektowy

Lekko, jasno i czytelnie

Styl

Layout z dużą ilością przestrzeni, dający poczucie lekkości, przejrzystości i ładu.

Neutralność i światło

Jasna oprawa z delikatnymi, pastelowo-fioletowymi akcentami: nowoczesna i uniwersalna.

Typografia i czytelność

Wyrazista typografia bezszeryfowa z jasną hierarchią nagłówków i czytelną prezentacją danych liczbowych.

Primary

  • 50#faf5ff
  • 100#f3e7ff
  • 200#e9d3ff
  • 300#d8b0ff
  • 400#c07eff
  • 500#b362ff
  • 600#964cdb
  • 700#801ad6
  • 800#6d1aaf

Secondary

  • 25#fff8f6
  • 50#fff2ed
  • 100#ffe2d4
  • 200#ffc1a9
  • 300#ff8256
  • 400#fe6139
  • 500#ed1f09

Black

  • 25#fafafd
  • 50#f5f6fc
  • 75#f0f2fa
  • 100#e5e7f0
  • 200#d1d4e1
  • 300#adb1c1
  • 400#82879a
  • 500#5e6277
  • 600#484d64
  • 700#3b4057
  • 950#171924

Alerty

  • Danger#e60a3e
  • Info#0172cb
  • Success#1aaa55
  • Warning#df6d00
09 · Wyniki

Mierzalny sukces

4,8 / 5,0

Ocena w Google Play

Po wprowadzeniu nowego projektu opartego na Dzienniku aplikacja osiągnęła ocenę 4,8 na 5,0 gwiazdek w Google Play, co potwierdziło intuicyjność nowego układu.

Strona aplikacji ViveFit by Paula w Google Play

Efekt końcowy

Spójna, przemyślana aplikacja, która skraca czas potrzebny na odnotowanie posiłków, wody i treningów.

Wartość dla marki

Aplikacja przekłada filozofię i metodologię Pauli na skalowalne narzędzie cyfrowe i wzmacnia więź ze społecznością.
10 · Proces i wnioski

Współpraca z autorką i główny wniosek

Ścisła współpraca z autorką

Projekt powstawał w stałej, bliskiej iteracji z Paulą Piotrzkowską. Dzięki temu udało się precyzyjnie przenieść jej autorską metodologię i specyfikę pracy z podopiecznymi do cyfrowego Dziennika.

Połączenie kluczowych funkcji (kalorie, woda, trening) na jednym widoku głównym obniża bariery wejścia i ułatwia użytkownikom budowanie codziennych nawyków.Główny wniosek UX

Brak zbędnych komplikacji

Spójna koncepcja oparta na jednym głównym ekranie (Dashboard) pozwoliła uniknąć przeładowania interfejsu.

Masz podobny problem w swoim produkcie?

Opowiedz mi o swoim projekcie Wróć do projektów