Blogi są integralną częścią stron internetowych od wielu lat. Prawie każda strona firmowa posiada zakładkę, w której można znaleźć listę aktualności lub artykułów. W tym wpisie przedstawię 6 blogów znanych marek, które wyróżniają się pod względem designu. Na podstawie wybranych przykładów przedstawię cechy, które sprawiają, że blog jest atrakcyjny wizualnie, nowoczesny i wyróżnia się na tle innych.

Evernote – czyli minimalizm formy

https://evernote.com/blog/

Strona główna bloga wyróżnia się poczuciem czystości, porządku i czytelności. Zastosowanie dużej ilości białych kolorów i nie przeciążanie oczu czytelnika zbyt dużą ilością tekstu sprawia, że użytkownik z przyjemnością przegląda listę artykułów i z łatwością może wybrać przyciągający uwagę wpis, który wyróżnia się towarzyszącym mu zdjęciem lub abstrakcyjną ilustracją nawiązującą do treści artykułu. Wszystko to utrzymane jest w wybranej przez firmę kolorystyce, która w nienachalny sposób buduje poczucie spójności. Układ strony oparty jest na 2 i 3 kolumnach, dzięki czemu administratorzy mogą promować wybrane treści poprzez wybór większego zdjęcia. W promocji postów pomaga również sekcja „featured” na górze strony, która w całości poświęcona jest pojedynczemu wpisowi. Czytelnik od razu wie, co Evernote „uznaje za najważniejsze”.
Podstrona wpisu sprawia, że użytkownicy skupiają się na treści. Nie rozpraszają ich elementy wizualne. Najważniejsza jest treść. Można wręcz odnieść wrażenie, że strona artykułu to po prostu dobrze sformatowana notatka, w której nacisk położono na dobór nagłówków, linków, zdjęć. Nie znajdziemy tu sekcji komentarzy, która właściwie bardzo rzadko pojawia się na stronach firmowych. Zamiast tego, na dole wpisu można zauważyć sekcję CTA, zachęcającą do wypróbowania produktu.

Starbucks – ciekawostki-zaspokajające różnorodność

https://stories.starbucks.com/

Wchodząc na stronę główną bloga największej na świecie sieci kawiarni, od razu można odczuć różnorodność prezentowanych treści. Istnieje wiele rodzajów bloków wizualnych dedykowanych artykułom. Administratorzy mają do dyspozycji wiele różnych modułów, ułożonych w oparciu o przejrzystą hierarchię. Im niżej znajduje się artykuł, tym mniejsza jest jego powierzchnia. Wpisy promowane opatrzone są ilustracją, te mniej ważne nie posiadają obrazka związanego z tytułem. Stronę Starbucksa można przeglądać jak magazyn lifestylowy. Przy przewijaniu w dół pojawiają się nowe rodzaje bloków z treścią. Widać wyraźny podział na tematy (stories) oraz prezentację firmowej biblioteki VOD. Na blogu Starbucksa pojawił się slider prezentujący okładki. Wygląda to jak biblioteka Netflixa, ale w mniejszej skali.
Podstrona wpisu składa się z przykuwającej uwagę typografii, a także wyróżnionych zdjęć i ilustracji. Na uwagę zasługuje również pasek postępu czytania – dość przydatny w nawigacji po wielu długich artykułach na tym blogu.

Samsung – narzędzie do komunikacji z całym światem

https://news.samsung.com/global/

Blog tego giganta elektroniki to narzędzie do prezentacji nowości firmowych i produktowych. Nie znajdziemy tu zbyt wielu artykułów lifestylowych i publicystycznych. Strona Samsunga to firmowa tablica informacyjna prezentująca wiele działań tego koreańskiego koncernu. Podobnie jak na blogu Starbucksa, można tu znaleźć wiele rodzajów bloków zawierających listy artykułów. Wśród wielu innych elementów znajduje się slider z wyróżnionymi wpisami, lista najnowszych postów, sekcja wideo, lista wyróżnionych linków oraz kolumna z jasno określonymi etykietami głównych kategorii. Pomimo dużej różnorodności treści, strona jest czytelna. Głównie za sprawą ograniczonej liczby artykułów. Nie ma tu zbyt wiele przewijania, uwagę czytelnika przyciągają przyciągające wzrok zdjęcia produktów lub wyróżnione nagłówki. Szybko można znaleźć interesującą treść i przejść do podstrony danego postu. Na stronie bloga znajduje się również opcja zapisania się do newslettera.

Na podstronie pojedynczego wpisu jest wystarczająco dużo miejsca na obszerny artykuł. Mimo to, zazwyczaj można tam znaleźć krótkie wpisy, które są informacjami prasowymi dotyczącymi nowości związanych z firmą. Samsung zadbał o wygodną nawigację pomiędzy kategoriami i tagami. Ten elektroniczny gigant chce ułatwić użytkownikom poruszanie się pomiędzy powiązanymi artykułami, serwując przejrzystą listę powiązanych treści. Na koniec użytkownik proszony jest o zapoznanie się z portfolio producenta.

Slack – siła prostej ilustracji

https://slackhq.com/

Wizyta na oficjalnym blogu Slacka to doświadczenie, które tworzy w umyśle użytkownika obraz profesjonalnej firmy. Spójną identyfikację wizualną widać w miniaturkach wpisów, które są geometrycznymi ilustracjami. Slack przyzwyczaił nas do swojego języka graficznego, który jest łatwo kojarzony z tą marką. Blog Slacka jest minimalistyczny, ale można na nim znaleźć wiele rodzajów treści. Od promowanych wpisów, przez wyróżnione kategorie, po najchętniej czytane artykuły. Wiele różnych typów artykułów ma swoje dedykowane sekcje. Wyróżnia się na przykład część zbierająca posty „Tips & Tricks”. Krótkie hasła na kolorowych kafelkach prowadzą do treści instruktażowych i poradników. Taki wizualny podział strony głównej bloga pozwala na szybkie odnalezienie się w różnorodnej treści.

Airbnb – nieoczywisty minimalizm

https://blog.atairbnb.com/

Blog Airbnb jest bardzo minimalistyczny. To co rzuca się w oczy to fakt, że tytuły artykułów są niewidoczne. Dopiero po najechaniu kursorem na jeden z prostokątów ze zdjęciem pojawia się ukryty tekst, który jest nagłówkiem artykułu Nie wszystkie posty mają dedykowane grafiki, a dla takich przewidziano placeholder – prostokąt ze wzorem opartym na logo firmy (podobno nie każdy artykuł musi mieć zdjęcie). W związku z takim rozwiązaniem trzeba szukać interesujących artykułów przeskakując pomiędzy segmentami. Można powiedzieć, że ten blogowy landing to po prostu lista wpisów. Poza ukrytym menu i przyciskiem „load more” nie znajdziemy tu nic więcej. To jest właśnie uosobienie minimalizmu!
Ograniczona jest również forma stron internetowych zawierających osobne wpisy. Z ciekawszych funkcji można tu znaleźć pasek postępu czytania oraz listę języków, w których dany post jest dostępny. Wybranie jednego z nich powoduje zmianę wersji językowej.

Nike – Aktualności prezentowane za pomocą świetnych zdjęć produktów

https://news.nike.com/

Produkty Nike zawsze charakteryzowały się dużym naciskiem na ich design. W zakładce zawierającej newsy na temat jednego z największych producentów odzieży sportowej znajdziemy layout mocno skoncentrowany na prezentacji produktu firmy. Nike nie może narzekać na ilość świetnych zdjęć reklamowych, a blog firmowy jest doskonałym tłem do prezentacji nowych kampanii czy produktów. Dzięki czarno-białej kolorystyce nadaje się do tego celu jeszcze lepiej. Zdjęcia są tutaj treścią, jak również zachętą do zagłębienia się w kolekcję newsów. Prosty, 3-kolumnowy układ zaburzony jest jedynie przez promowany post (na górze strony) oraz sekcję z wyróżnionymi linkami pomiędzy kolejnymi rzędami blogowych kafelków.
Podstrona pojedynczego postu składa się z mocnej czarno-białej typografii z wieloma kolorowymi zdjęciami. W tej minimalistycznej formie znalazło się jednak miejsce na ciekawostkę. Po zakończeniu czytania jednego postu, automatycznie pojawia się kolejny. Dzięki takiemu rozwiązaniu nie trzeba przerywać czytania, a można pozostać na tej samej podstronie. Możesz przewijać ją w dół ad infinitum, znajdując coraz więcej artykułów.

Droopler – strona firmowa z blogiem

Jeśli myślisz o budowie swojej strony firmowej, zachęcam do oparcia jej o naszą dystrybucję Drupala. Droopler to wstępnie zaprojektowana i gotowa witryna, która świetnie wygląda już po instalacji. W Drooplerze udostępniliśmy minimalistyczny blog, który świetnie sprawdzi się jako dział aktualności na stronie firmowej. Zadbaliśmy o czytelny i atrakcyjny wygląd zarówno na ekranach komputerów, jak i urządzeń mobilnych. Jeśli chcesz poznać więcej szczegółów, kliknij poznaj szczegóły 5 powodów, dla których warto zbudować firmową stronę z Drooplerem.