Projekt / 2026

Asko

Rich Content / Karty produktowe / HTML i CSS

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

Karty produktowe dla szwedzkiej marki premium.

Dla Asko kodowałem opisy produktowe w formacie Rich Content - zmywarki ASKO Professional, chłodziarki z systemem Nordic Fresh i pralki serii W. Marka ma oszczędny, skandynawski język wizualny, więc karta musi być powściągliwa i dopracowana w detalu, a jednocześnie powstawać powtarzalnie dla kolejnych modeli.

Karta produktowa zmywarki ASKO Professional DWC6422BIS — Karta zmywarki ASKO Professional w obu układach. Tabele parametrów i galerie muszą działać tak samo w jednej kolumnie.

Karta produktowa ASKO w układzie jednokolumnowym na wąskim ekranie — Karta zmywarki ASKO Professional w obu układach. Tabele parametrów i galerie muszą działać tak samo w jednej kolumnie.

Trzy grupy sprzętu

Karty produktowe dla premium linii AGD: zmywarka ASKO Professional DWC6422BIS, chłodziarka RBC276SND1 i pralka W1094W.

Detal jako wymóg marki

Skandynawski język wizualny nie wybacza niedbałości: dużo powietrza w layoucie, precyzyjna typografia i ciemne kadry produktowe, w których widać każdy piksel kompresji.

Szablony pod serię

Zbudowałem wspólny zestaw modułów - sekcje benefitów, siatki zdjęć, bloki parametrów - z których składam kolejne karty. Zdjęcia w WebP, żeby utrzymać jakość przy rozsądnej wadze.

Karta produktowa pralki ASKO W1094W — Karta pralki z tej samej rodziny - inny produkt, ten sam zestaw modułów.

Rozstrzelony widok bębna pralki ASKO z opisem konstrukcji — Rozstrzelony widok bębna: detal, którego marka premium wymaga na każdej karcie.

Zakres: Kodowanie HTML i CSSRich Content kart produktowychSzablony pod serię modeliModuły benefitów i parametrówOptymalizacja grafik WebPWersje mobilne
W projekcie: Zmywarki ASKO ProfessionalChłodziarki Nordic FreshPralki serii WWspólne szablony modułów

Co z tego powstało?

Marka dostała spójny zestaw kart produktowych, w których kolejne modele wyglądają jak jedna rodzina, a nie osobne zlecenia. Praca na szablonach skróciła czas powstawania każdej następnej karty.