Poniżej znajduje się przegląd kolejnych iteracji portfolio. Każdy etap pokazuje, co zostało zmienione oraz jak wyglądała strona po danej aktualizacji.
Pierwsza iteracja zbudowała podstawę całego portfolio: terminalowy klimat interfejsu, strukturę stron `index`, `contact`, `projects`, `about` i `tools`, przełączanie języka oraz motywu, a także formularz kontaktowy i mobilny drawer nawigacyjny.
Druga iteracja dodała możliwość sterowania kolorem akcentu i poprawiła działanie preferencji na urządzeniach mobilnych. Dzięki temu strona stała się bardziej personalizowalna i wygodniejsza w codziennym użyciu na mniejszych ekranach.
Trzecia iteracja uporządkowała sposób prezentacji preferencji użytkownika oraz wyrównała layout między podstronami. Efektem było bardziej przewidywalne UI i mniejsza liczba różnic pomiędzy sekcjami serwisu.
Czwarta iteracja skupiła się na strukturze nawigacji i jakości warstwy prezentacyjnej. Doszły ikony SVG poprawiające czytelność, a strona 404 została dopracowana także od strony metadanych.
Piąta iteracja dopracowała footer w całym serwisie: uprościła treść, poprawiła widoczność linków społecznościowych i domknęła układ sticky footerem. To etap, w którym strona zyskała bardziej kompletny i stabilny wygląd końcowy.
Szósta iteracja rozszerzyła portfolio o dedykowaną stronę pokazującą historię zmian, rozbudowany modal podglądu screenshotów oraz kolejne dopracowania UI. W tym etapie uporządkowano tłumaczenia tytułów iteracji, uproszczono elementy nawigacji, poprawiono zachowanie mobile i doszlifowano typografię całego serwisu.
Siódma iteracja dopracowała styl przycisków i kontrast kolorów w kluczowych miejscach interfejsu, a także zaktualizowała linki akcji w projektach o ikony. W tym etapie poprawiono również działanie menu mobilnego i jego synchronizację z wysokością topbara oraz rozwinięto podgląd obrazów i układ osi czasu na stronie ewolucji.
