W 2012 roku zostałem poproszony o stworzenie nowej "jesiennej" szaty graficznej strony internetowej popularnej piosenkarki - Natalii Kukulskiej. Przebudowa strony została zrealizowana w warunkach wyraźnie odbiegających od standardowego procesu wdrożeniowego. Brak dostępu do serwera oraz do istniejących plików źródłowych wymusił pracę rekonstrukcyjną zarówno na poziomie warstwy wizualnej, jak i CSS - opartą wyłącznie na obserwacji działającej strony oraz analizie jej zachowania w przeglądarce. Projekt był więc nie tylko redesignem, ale także ćwiczeniem z precyzyjnego odtwarzania i reinterpretacji istniejącej struktury frontendu.
Od strony technicznej całość została wykonana poprzez stworzenie nowego arkusza CSS od podstaw, bez możliwości wglądu w oryginalne reguły stylów. Każdy element interfejsu był dopasowywany "na oko" - zarówno pod względem wymiarów, marginesów, jak i zachowania w różnych rozdzielczościach. Grafiki były docinane ręcznie do projektowanej siatki layoutu, a ich pozycjonowanie odbywało się metodą iteracyjną: obserwacja, korekta stylów, ponowna weryfikacja w przeglądarce. W praktyce oznaczało to pracę na warstwie prezentacji w całkowitym oderwaniu od zaplecza systemowego, z pełną odpowiedzialnością po stronie CSS za zachowanie spójności i stabilności widoku.
W porównaniu do wersji pierwotnej nowa szata graficzna została wyraźnie uporządkowana i ujednolicona. Poprzedni layout opierał się na ciężkiej, kontrastowej estetyce, z dominującymi ciemnymi tłami, ostrymi akcentami kolorystycznymi i dużą liczbą elementów konkurujących o uwagę użytkownika. Po przebudowie interfejs zyskał większą spójność wizualną, lepszą hierarchię treści oraz spokojniejszy rytm. Kolorystyka została ocieplona i uproszczona, a elementy nawigacyjne wyraźniej oddzielone od treści redakcyjnej, co poprawiło czytelność i komfort odbioru. Duże fotografie pełniły nadal kluczową rolę w budowaniu wizerunku, jednak zostały lepiej zintegrowane z layoutem i przestały dominować kosztem użyteczności.
Ta realizacja była przykładem sytuacji, w której ograniczenia infrastrukturalne wymusiły niestandardowe podejście do projektowania frontendu. Przebudowa nie polegała wyłącznie na odświeżeniu estetyki, lecz na świadomym przeprojektowaniu interfejsu w sposób możliwy do nałożenia na istniejącą stronę bez ingerencji w jej kod po stronie serwera. Efektem była nowoczesna jak na tamten czas, bardziej uporządkowana i czytelna wersja serwisu, powstała w całości na drodze analizy wizualnej, doświadczenia frontendowego i precyzyjnej pracy z CSS.
Nowa odsłona strony:
Stara odsłona strony:
