Projekt / 2026

Gorenje

Landing page / Kampanie wielokanałowe / HTML i CSS

Rok: 2026
Rola: Frontend / HTML / CSS / Landing page
Narzędzia: HTMLCSSWebPAnimacje CSS

Landing page AGD dla trzech sieci handlowych.

Dla Gorenje kodowałem landing page prezentujące całą ofertę AGD oraz kampanie promocyjne i konkursowe. Ten sam materiał powstawał w osobnych wersjach dla RTV EURO AGD, Media Markt i MaxElektro - każda sieć ma własne wytyczne, własny kontener i własne ograniczenia techniczne.

Landing page konkursu Gorenje z odkurzaczem serii NEO — Landing page kampanii konkursowej w obu szerokościach. Układ jednokolumnowy nie jest wersją zapasową - tam trafia większość ruchu.

Landing page Gorenje w układzie jednokolumnowym na wąskim ekranie — Landing page kampanii konkursowej w obu szerokościach. Układ jednokolumnowy nie jest wersją zapasową - tam trafia większość ruchu.

Jedna kampania, kilka sieci

Landing page ogólne AGD w wersjach dla różnych sieci handlowych, kampania konkursowa odkurzaczy serii NEO z formularzem zgłoszeniowym i strona z przełącznikiem wariantów kolorystycznych.

Każdy kanał ma własne zasady

RTV EURO AGD, Media Markt i MaxElektro różnią się wytycznymi co do szerokości, dozwolonych tagów i osadzania grafik. Dla klienta wszystkie wersje mają wyglądać tak samo.

Warianty zamiast kopii

Zamiast kodować każdą wersję od zera przygotowałem jedną bazę modułów i wyprowadziłem z niej warianty per sieć. Dołożenie kolejnego kanału to wariant, nie nowy projekt.

Przełącznik bez JavaScriptu

Zmianę wariantu black or white zrobiłem na samym CSS, żeby działała także tam, gdzie skrypty są ograniczone.

Strona Gorenje z przełącznikiem wariantów kolorystycznych sprzętu — Przełącznik wariantów kolorystycznych sprzętu działa w czystym CSS - skrypty w tym kanale nie przechodzą.

Sekcja „gdzie kupić” z logotypami sieci handlowych — Sekcja „gdzie kupić” z logotypami sieci - element, który zmieniał się w każdej wersji kampanii.

Zakres: Kodowanie HTML i CSSLanding page ogólne AGDWarianty per sieć handlowaKampania konkursowaInterakcje w czystym CSSWersje mobilne
W projekcie: RTV EURO AGD, Media Markt, MaxElektroPrzełącznik wariantów kolorystycznychKonkurs serii NEOSekcja „gdzie kupić”

Co z tego powstało?

Marka mogła wejść z tą samą kampanią do kilku sieci handlowych bez kodowania każdej wersji od podstaw. Wspólna baza modułów sprawiła, że dołożenie kolejnego kanału było kwestią wariantu, a nie nowego projektu.