Portfolio
PLEN
Kod Otwórz demo
02 — SaaS · projekt własny

Rachuba

Panel finansowy dla polskich freelancerów (JDG): faktury, koszty i terminy podatkowe ZUS / VAT / PIT w jednym miejscu — z kreatorem faktury liczącym VAT na żywo.

Rola
Design + development
Zakres
UX · UI · kod · deploy
Stack
Vanilla JS · CSS
Rok
2026
95
Performance
100
Accessibility
96
Best Practices
100
SEO

Lighthouse (desktop) na żywym wdrożeniu · LCP 1,2 s · TBT 0 ms

01

Kontekst i wyzwanie

Polscy freelancerzy na JDG toną w terminach: ZUS do 20., JPK_V7 do 25., zaliczka PIT. Większość narzędzi to albo pełna księgowość dla biur, albo zagraniczne apki bez polskich realiów.

Cel: panel, który w 5 sekund odpowiada na trzy pytania freelancera — ile zarobiłem, kto mi zalega, co muszę zapłacić fiskusowi — i sam pilnuje terminów podatkowych.

02

Proces

Research i założenia

Zmapowałem polski kalendarz podatkowy JDG i realne bolączki: przeoczone terminy, ręczne liczenie VAT, brak przeglądu cashflow.

UX — kluczowe przepływy

Trzy główne flowy: pulpit-przegląd, kreator faktury z VAT liczonym na żywo, widok terminów z odliczaniem dni i przesunięciem weekendowym.

UI — system wizualny

Ciemny control-room: skupienie na liczbach, jeden sygnałowy akcent, kwoty monospace z tabular-nums jak w księdze — realna decyzja UX, nie ozdoba.

Stack i architektura

Czysty HTML/CSS/JS — zero zależności i frameworka. Pełne i18n PL/EN (z poprawną polską liczbą mnogą), routing i cała logika po stronie klienta.

Wdrożenie i audyt

Deploy na GitHub Pages, audyt Lighthouse i optymalizacja dostępności do 100/100 (inert dla paneli, poprawki ról ARIA i kontrastu).

Paleta

Typografia

Bricolage display
Hanken Grotesk UI
IBM Plex Mono kwoty / figures
03

Rozwiązanie

Rachuba — pulpit
Pulpit: KPI z animowanym licznikiem, przepływy pieniężne i terminy podatkowe w jednym widoku.
Rachuba — kreator faktury
Kreator faktury z kalkulacją VAT na żywo: netto → VAT → brutto.
Rachuba — podatki
Podatki: ZUS, VAT (należny − naliczony) i zaliczka PIT z rozbiciem.
Rachuba — mobile
Na mobile tabele zmieniają się w czytelne karty — bez bocznego gortania.
04

Rezultat

95–100Lighthouse · 4 kategorie
6działających ekranów
0zależności / bibliotek
Projekt koncepcyjny (self-initiated). Dane są fikcyjne i nie ma realnego klienta — ale kod, decyzje UX i wdrożenie są prawdziwe: produkt jest live i przechodzi audyt Lighthouse 90+.