EVA Dywaniki — Projekt i responsywny landing page (SASS/JS)

Autorski projekt obejmujący opracowanie struktury, projekt UI/UX w programie Figma oraz zakodowanie sprzedażowej strony typu landing page do zamawiania dywaników samochodowych EVA (interfejs został przygotowany w języku polskim dla rynku europejskiego).

ZAKRES WYKONANYCH PRAC:

- Projektowanie i UI/UX Design: Opracowanie struktury strony, prototypowanie, dobór palety kolorów oraz typografii w programie Figma. Stworzenie responsywnych makiet dla ekranów komputerowych i mobilnych.

- Kodowanie i stylizacja: Napisanie semantycznego kodu HTML5 oraz modułowych arkuszy stylów za pomocą preprocesora SASS (SCSS).

- Responsywność: Implementacja elastycznej siatki adaptacyjnej gwarantującej optymalne wyświetlanie na wszystkich typach urządzeń (od smartfonów po komputery stacjonarne).

- Interaktywne funkcje JS: Wdrożenie formularza zamówienia w oknie pop-up oraz okna modalnego do odtwarzania wideo.

- Sekcje wizualne: Demonstracyjny widżet wyboru koloru dywanika, czytelna tabela porównawcza zalet oraz galeria realizacji.

- Wdrożenie (Deploy): Optymalizacja plików multimedialnych, minifikacja kodu źródłowego i publikacja działającej wersji demonstracyjnej na hostingu.


WYKORZYSTANE TECHNOLOGIE:

- Figma (projektowanie, design UI/UX)

- HTML5, CSS3 / SASS (SCSS)

- JavaScript (ES6)

Projekt został przygotowany w celu zaprezentowania pełnego cyklu tworzenia konwertujących stron landing page: od pomysłu i projektu wizualnego w programie Figma po responsywny kod frontendowy z elementami interaktywnymi.

Aktywny link do projektu znajduje się w sekcji „Szczegóły pracy” (lub przejdź do linku tutaj: https://slavaslavav.github.io/landing-page/dist/index.html).

#figma #UIUXdesign #html5 #css #SASS(SCSS) #javascript #responsive #Landing