Przed rozpoczęciem tworzenia projektu przeanalizowałam stronę referencyjną, aby lepiej zrozumieć jej strukturę, hierarchię wizualną oraz organizację treści.

Ten etap pozwolił mi zidentyfikować najważniejsze sekcje do odtworzenia, kluczowe decyzje projektowe oraz elementy interfejsu, które należało zachować.

Następnie stworzyłam strukturę strony w HTML, dbając o czytelny, uporządkowany i semantyczny kod.

Celem było zbudowanie dobrze zorganizowanej strony z odpowiednimi znacznikami, logiczną hierarchią nagłówków oraz solidną bazą do dalszego stylowania.

Aby dowiedzieć się więcej o kodzie i zobaczyć cały projekt, zapraszam do odwiedzenia mojego repozytorium na GitHub’ie.

Po ukończeniu struktury skupiłam się na CSS, aby jak najdokładniej odtworzyć wygląd oryginalnej strony: typografię, odstępy, kolory, układ siatki, obrazy oraz zachowania wizualne.

Dostosowałam również interfejs do różnych rozmiarów ekranów, aby zapewnić spójne i płynne doświadczenie na komputerach, tabletach i urządzeniach mobilnych.

Na końcu projektu dodałam niezbędne interakcje oraz dopracowałam szczegóły wizualne, aby poprawić komfort nawigacji.

Projekt pozwolił mi rozwinąć umiejętności związane z integracją front-endową, lepiej zrozumieć znaczenie precyzji w tworzeniu stron internetowych oraz udoskonalić zdolność przekształcania projektu wizualnego w funkcjonalny interfejs.