Projekt / 2026

Haier

Rich Content / Landing page / HTML i CSS

Rok: 2026
Rola: Frontend / HTML / CSS / Rich Content
Narzędzia: HTMLCSSWebPLexend

Rich Content i landing page kampanijne dla marki AGD.

Dla marki Haier kodowałem opisy produktowe w formacie Rich Content oraz landing page kampanii sprzedażowych - serię HORIZON, wrześniową promocję cashback i promocję serii X9 przygotowaną dla RTV EURO AGD. Materiały powstawały w czystym HTML i CSS, publikowane w kanale sprzedaży, więc musiały działać poprawnie w cudzym systemie, na cudzym szablonie i przede wszystkim na telefonie.

Nagłówek landing page Haier HORIZON: trzy lodówki wielodrzwiowe i hasło „Nowy wymiar świeżości” — Landing premierowej serii lodówek HORIZON w pełnej szerokości i w kolumnie - ten sam materiał i ten sam kod w dwóch układach.

Rich Content Haier HORIZON w układzie jednokolumnowym na wąskim ekranie — Landing premierowej serii lodówek HORIZON w pełnej szerokości i w kolumnie - ten sam materiał i ten sam kod w dwóch układach.

Trzy kampanie, jedna marka

Premierowa seria lodówek HORIZON, promocja cashback ze zwrotem do 5000 zł i zestawy pralka plus suszarka z serii X9. Każda jako kodowana strona osadzana w kanale sprzedaży.

Kod w cudzym systemie

Materiał nie trafia na własny serwer, tylko w kontener sprzedawcy - z jego szablonem, jego skryptem lazy-loadingu i jego ograniczeniami. Terminy kampanijne są sztywne, więc musi przejść weryfikację za pierwszym razem.

Tokeny zamiast wartości na sztywno

Kolory, odstępy, promienie i szerokości wyniosłem do zmiennych CSS, dzięki czemu kolejne kampanie powstają szybciej i trzymają jeden charakter. Układ oparłem na trzech breakpointach.

Detale widoczne dopiero w kodzie

Pełne opisy alternatywne obrazów, znaczniki abbr rozwijające skróty techniczne, twarde spacje w polskiej typografii i własny font zmienny.

Moduł Nutri Bank z landing page Haier HORIZON: kadr z mięsem w szufladzie, opis strefy i parametry 10 dni świeżości oraz 95% składników odżywczych — Moduł Nutri Bank: kadr wideo obok opisu strefy i dwóch parametrów zebranych w osobnym pasku.

Sekcja technologii landing page Haier HORIZON: otwarta lodówka z tarczą ABT i trzy karty funkcji — Sekcja technologii: zdjęcie otwartej lodówki z tarczą ABT i trzy karty funkcji po prawej.

Zakres: Kodowanie HTML i CSSRich Content opisów produktowychLanding page kampanijneSystem tokenów CSSWersje mobilneZgodność z kanałem sprzedaży
W projekcie: Trzy kampanie HaierTokeny CSSLeniwe ładowanie grafikPełne opisy alternatywne

Co z tego powstało?

Marka dostała komplet materiałów gotowych do publikacji: opisy produktowe i landing page, które wyglądają jak spójna komunikacja marki, a nie surowy tekst w sklepie. Praca na tokenach i szablonach sprawiła, że kolejne kampanie powstawały szybciej niż pierwsza.