[Redesign] Lista wpisów blogowych z tagami

W zakładce blog mieliśmy 2 obstrukcje wizualne. Kafelki wpisów nie wyglądały tak samo dobrze jak kafelki produktów (różny rytm, różne odstępy), a tagi blogowe pojawiały się jako szare placeholdery (miejscotrzymacze) bez powiązania z resztą designu sklepu — wyglądały jak „domyślne komponenty Shopera", a nie część szablonu i Waszej marki, czyli błąd.

Przed:
image

Po:
image

https://devshop-541214.shoparena.pl/pl/n/list

  1. Spójna siatka z listą produktów
    Wpisy blogowe siedzą teraz na tym samym gridzie co produkty — ten sam gap, ta sama responsywność (1 -> 2 -> 3 -> 4 kolumny w zależności od breakpointu). Wcześniej każda lista (produktów / wpisów / kategorii) miała inną siatkę co psuło rytm całego sklepu.

  2. Tagi w stylu pigułek z akcentem kolorystycznym (NOWOŚĆ)
    Zaokrąglone, kolor, animacje, cienie. Tu wszystko zaczyna do siebie pasować.

Tag obok tytułu zamiast pod nim, mniejsza ranga wizualna. Tagi nareszcie pasują do designu Twojego sklepu zamiast wyglądać jak biedny Bootstrap z 2018 roku. Zadbaliśmy o jasny i czytelny UX tej podstrony.

To jest druga część cyklu redesignu blogowego w maju (karuzela na home + karta wpisu wystawione osobno).