Konwersja projektu Landing Page z Figma na HTML & CSS

Przełożenie projektu graficznego Landing Page (Figma) na statyczny HTML/CSS z podstawowymi animacjami JS.

Bez deployu, docelowo kod zostanie wrzucony do aplikacji React.

Zakres

One-pager, 9 sekcji treściowych plus header i stopka, razem 11 bloków: hero/banner, sekcja opisowa, sekcja procesu, zasady udziału, kategorie, oś czasu, sekcja z mapą, baner CTA, FAQ.

Komponenty powtarzalne, ok. 8 unikalnych: przycisk główny, karta listowa, kafel ikonowy, karta na osi czasu, pozycja akordeonu, pole tekstowe, marker na mapie, badge z wyróżnioną liczbą.

Bloki wymagające więcej pracy niż zwykły layout:

- Hero: zdjęcie, nałożony ukośny kształt, tekst na grafice.

- Sekcja procesu: 3 kroki w okręgach połączone kropkowanymi łącznikami.

- Oś czasu: 5 kart naprzemiennie nad i pod kropkowaną linią ze strzałką, na mobile do przełożenia na układ pionowy.

- Karty z listami: własne znaczniki punktorów i ścięty narożnik.

Assety: ok. 15 plików, w tym 5 elementów wektorowych (4 ikony + mapa), zdjęcia i logotypy. Do eksportu z Figmy i optymalizacji pod web.

Format dostawy

Zip lub repozytorium z plikami HTML/CSS, czyste nazewnictwo klas.

Wymagane podpisanie NDA. Prośba o załączenie przykładów prac.