Projekt / 2026

Hisense - odkurzacze

Landing page / Promocje sprzętowe / HTML i CSS

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

Cztery promocje odkurzaczy na jednym szkielecie strony.

Dla Hisense zakodowałem landing page czterech promocji odkurzaczy z 2026 roku: voucher 100 zł za opinię o modelu HiMove IX, drugi odkurzacz za 50 zł przy zakupie Wet&Dry Expert, zestaw akcesoriów gratis do Wet&Dry oraz organizer do odkurzacza piorącego HSSC07A. Strony mają wspólny szkielet: oferta, kroki promocji, produkt i jego technologie.

Sekcja produktu na stronie promocji HiMove IX: odkurzacz i cztery kafle z cechami — Sekcja produktu na stronie promocji HiMove IX. Na szerokim ekranie zdjęcie stoi obok czterech kafli z cechami; w jednej kolumnie zdjęcie wchodzi nad tytuł, a kafle układają się jeden pod drugim.

Strona promocji HiMove IX w jednej kolumnie: zdjęcie odkurzacza i cechy ułożone jedna pod drugą — Sekcja produktu na stronie promocji HiMove IX. Na szerokim ekranie zdjęcie stoi obok czterech kafli z cechami; w jednej kolumnie zdjęcie wchodzi nad tytuł, a kafle układają się jeden pod drugim.

Cztery mechaniki, jeden szkielet

Voucher za opinię, drugi produkt w niskiej cenie, akcesoria gratis, organizer gratis. Mechanika za każdym razem jest inna, ale klient dostaje ją w tym samym miejscu: w nagłówku i w numerowanych krokach zaraz pod nim.

Dwie wersje tej samej strony

Stronę HiMove IX przygotowałem w dwóch wersjach: dla serwisu promocji Hisense i dla Media Expert. Treść jest ta sama, różnią się szerokość kontenera i progi, w których układ się łamie.

Wideo bez skryptów

Strona promocji Wet&Dry z akcesoriami niesie dziewięć krótkich filmów i nie ma ani jednego skryptu. Autoodtwarzanie, pętla, wyciszenie i odtwarzanie w miejscu na telefonie są ustawione atrybutami HTML.

Układ na telefon

Każda strona ma osobne progi dla telefonu i tabletu. Kroki promocji układają się w kolumnę, a nagłówek z ofertą i terminem akcji mieści się na pierwszym ekranie.

Nagłówek strony promocji odkurzacza piorącego Hisense HSSC07A z organizerem gratis — Promocja odkurzacza piorącego HSSC07A: organizer gratis i termin akcji w nagłówku.

Nagłówek strony promocji Hisense Wet&Dry Expert: drugi odkurzacz HVC9401BK za 50 zł — Promocja Wet&Dry Expert: drugi odkurzacz za 50 zł, na tym samym szkielecie strony.

Sekcja strony Wet&Dry Expert z hasłem „Zrób hałas dla Hisense Wet&Dry Expert 3w1, bo on pracuje w ciszy” — Fragment strony Wet&Dry Expert z akcesoriami. Część kadrów produktu na tej stronie to krótkie filmy odtwarzane bez skryptu.

Zakres: Kodowanie HTML i CSSLanding page promocjiWersje dla dwóch serwisówUkład mobilnyOsadzenie wideo
W projekcie: HiMove IXWet&Dry ExpertOdkurzacz piorący HSSC07AOdkurzacz ręczny HVC9401BK

Co z tego powstało?

Cztery promocje w kilka miesięcy weszły na jednym szkielecie strony. Kolejna akcja to nowa oferta, nowe kroki i nowy produkt w gotowej strukturze.