DATA

23/08/2024

DATA

23/08/2024

DATA

23/08/2024

Etrener – Fitness app

Redesign portalu łączącego funkcje planera treningowego, dziennika diety oraz centrum rozrywki (muzyka, wideo). Celem było uporządkowanie ogromnej ilości danych w czytelny interfejs typu Dashboard oraz nadanie platformie energetycznego, nowoczesnego charakteru.

Dashboard UI

Dashboard UI

Dashboard UI

Data Visualization

Data Visualization

Data Visualization

Usługa

UI Design, Information Architecture, Prototyping

Kategoria

Platforma Sportowa / Web App

Klient

E-trener

Dashboard i architektura informacji

Największym wyzwaniem projektu było połączenie wielu różnorodnych funkcji – od analityki treningowej (tętno, dystans), przez dietę, aż po odtwarzacz muzyczny – w jeden spójny widok. Zastosowałem układ modułowy (Bento Grid), który pozwala użytkownikowi na szybki rzut oka na kluczowe parametry bez konieczności przełączania się między zakładkami.

Kluczowe moduły systemu

GAMIFIKACJA

GAMIFIKACJA

GAMIFIKACJA


  • Integracja Multimediów: Wbudowany odtwarzacz muzyczny i sekcja wideo, aby użytkownik nie musiał opuszczać aplikacji podczas treningu.

  • Nawigacja Sidebar: Stały, intuicyjny pasek boczny zapewniający szybki dostęp do wszystkich sekcji (Planer, Produkty, Kierownik kuchni).

  • Wizualizacja postępów: Czytelne widgety pokazujące spalone kalorie, dystans i tętno w czasie rzeczywistym.

Beverage Tin
Beverage Tin
Beverage Tin
Beverage Tin
Beverage Tins
Beverage Tins
Beverage Tins
Beverage Tins

Nowoczesny kontrast i ergonomia

Kluczową decyzją wizualną było wprowadzenie "Dark Mode" z kontrastującą, limonkową zielenią. Taki zabieg nie tylko wpisuje się w nowoczesne trendy sportowe, ale przede wszystkim zwiększa czytelność wykresów i zmniejsza zmęczenie wzroku użytkownika, co jest kluczowe przy długotrwałej pracy z danymi.

User Experience

UX

UX

UX

W starych portalach sportowych użytkownicy często czują się przytłoczeni tabelkami. W Etrenerze postawiłem na ikonografię i wizualne paski postępu ("Progress Bars"). Dzięki temu interfejs staje się bardziej przyjazny i motywujący – użytkownik od razu widzi, na jakim etapie zaawansowania się znajduje (Początkujący / Ekspert).

Spray Tin
Spray Tin
Spray Tin
Spray Tin

Wartość biznesowa i skalowalność

Nowy Etrener to coś więcej niż dzienniczek treningowy. To kompletne centrum dowodzenia formą. Dzięki atrakcyjnej szacie graficznej i przemyślanemu UX, platforma zwiększa zaangażowanie użytkowników, zmieniając żmudne wpisywanie danych w satysfakcjonujący element rutyny dnia.
Stworzony design system jest elastyczny i skalowalny, co pozwala na łatwe dodawanie nowych widgetów w przyszłości. Projekt pozycjonuje markę Etrener jako lidera innowacji w polskim segmencie fitness tech.

Jak pracuję?

Jak pracuję?

Jak pracuję?

Najczęściej

zadawane pytania.

Masz pytania? W tej sekcji znajdziesz odpowiedzi na najczęściej zadawane pytania.

Effortlessly connect with your favorite tools. Whether it's your CRM, email marketing platform.

Jak dużo czasu zajmuje opracowanie projektu?

Na czym skupiasz się podczas projektowania?

Czy w trakcie procesu projektowania można na bieżąco wprowadzać poprawki?

Jak dużo czasu zajmuje opracowanie projektu?

Na czym skupiasz się podczas projektowania?

Czy w trakcie procesu projektowania można na bieżąco wprowadzać poprawki?

Jak dużo czasu zajmuje opracowanie projektu?

Na czym skupiasz się podczas projektowania?

Czy w trakcie procesu projektowania można na bieżąco wprowadzać poprawki?

Jak dużo czasu zajmuje opracowanie projektu?

Na czym skupiasz się podczas projektowania?

Czy w trakcie procesu projektowania można na bieżąco wprowadzać poprawki?

Masz pytania?

Pozostańmy w kontakcie

Masz pomysł na stronę internetową lub aplikację mobilną? Potrzebujesz porady w projektowaniu produktu? Skontaktuj się ze mną — mój terminarz szybko się zapełnia, więc im szybciej napiszesz, tym lepiej dla nas obu.

Masz pytania?

Pozostańmy w kontakcie

Masz pomysł na stronę internetową lub aplikację mobilną? Potrzebujesz porady w projektowaniu produktu? Skontaktuj się ze mną — mój terminarz szybko się zapełnia, więc im szybciej napiszesz, tym lepiej dla nas obu.

Masz pytania?

Each Project, Our

Masz pomysł na stronę internetową lub aplikację mobilną? Potrzebujesz porady w projektowaniu produktu? Skontaktuj się ze mną — mój terminarz szybko się zapełnia, więc im szybciej napiszesz, tym lepiej dla nas obu.

Masz pytania?

Pozostańmy w kontakcie

Masz pomysł na stronę internetową lub aplikację mobilną? Potrzebujesz porady w projektowaniu produktu? Skontaktuj się ze mną — mój terminarz szybko się zapełnia, więc im szybciej napiszesz, tym lepiej dla nas obu.