[Redesign] Karta wpisu blogowego

Karta wpisu blogowego to już ostatni akord redesignu blogowego w maju . Tu chcemy wizualnie ustandaryzować wpis u podkreślić elementy istotne.

Klient zostaje dłużej, większa szansa że poznaje markę, edukuje się, Google czyta średni czas pobytu klienta i rankuje nas ciut wyżej. na koniec klient wraca do sklepu po zakupy. Win - win!

Wyzwania to typografia niedostosowana do długich tekstów (zbyt szerokie linie, mały line-height) oraz brak ciągłości z designem szablonu.

Przed:
image

Po:
image

  1. Optymalna szerokość kolumny tekstu
    Max-width ~680px (~65-75 znaków per linia), zoptymalizowane pod czytanie długich akapitów. To standard branżowy dla blogów (Medium, NYT) — klient czyta szybciej i mniej się męczy.

Uproszczając -> oko nie błądzi po połowie ekranu szukając początku następnej linii 😀

  1. Lepsza typografia mobile
    Większy font-size na mobile (16-17px zamiast 14), line-height 1.7, dzielenie wyrazów na końcu linii. Czytelność na telefonie wreszcie OK

  2. Automatyczne spacje, entery czyli przestrzenie i zaoblenia zdjęć we wpisach.

Część wpisów pisze AI, część klienci, nie każdy uważa by dać ze dwa entery po nagłówku. Duży nagłówek, zero enterów, wszystko nadźgane, wszyscy się zgodzimy że nie wyglądało to dobrze.

Przed:
image

Po:

image

To była trzecia i ostatnia część cyklu redesignu blogowego w maju (karuzela na home + lista wpisów wystawione osobno).