augustów.org to lokalny portal informacyjny, który po latach działania przeszedł w ręce nowych właścicieli i dostał nowy kierunek wizualny. Po stronie klienta powstał kompletny projekt graficzny strony, a naszym zadaniem było przełożenie go na działający portal internetowy.
To była realizacja typu design-to-development: dostaliśmy przygotowany layout i wdrożyliśmy go jako stronę, dbając przy tym o istniejące treści, strukturę portalu, kategorie, SEO i dodatkowe mechanizmy potrzebne w codziennej pracy redakcyjnej.
SCREEN: strona główna augustów.org po wdrożeniu
Portal z historią, ale w nowej odsłonie
Przy takich projektach nie zaczyna się od zera. Portal działał już wcześniej, miał swoje adresy URL, wpisy, kategorie i widoczność w Google. Nowy wygląd był ważny, ale nie mógł oznaczać utraty tego, co strona zdążyła wypracować przez lata.
Dlatego wdrożenie wymagało ostrożnego podejścia. Trzeba było połączyć nową warstwę wizualną z istniejącą strukturą i zadbać o to, żeby zmiany nie rozwaliły porządku treści ani adresów, które miały znaczenie pod SEO.
SCREEN: porównanie starego widoku
Od projektu graficznego do działającej strony
Klient dostarczył projekt strony w formie graficznej. Naszą rolą było przełożenie tego projektu na działający portal – z responsywnymi widokami, sekcjami wpisów, menu, wyszukiwarką, reklamami i stronami pojedynczych artykułów.
SCREEN: fragment projektu graficznego vs wdrożona strona
To nie było tylko „pocięcie layoutu”. Portal informacyjny musi działać na żywych treściach: nowych wpisach, kategoriach, zdjęciach, reklamach, wyszukiwarce i archiwach. Każdy z tych elementów musiał pasować do nowej identyfikacji i jednocześnie pozostać wygodny w obsłudze.
System reklam na portalu
W ramach wdrożenia pojawił się też system miejsc reklamowych. Przy lokalnym portalu informacyjnym to ważny element, bo strona nie jest wyłącznie miejscem publikacji newsów, ale też przestrzenią promocyjną dla firm i wydarzeń.
SCREEN: przykładowe miejsce reklamowe na stronie głównej
SCREEN: reklama w układzie wpisu
Miejsca reklamowe zostały wkomponowane w layout tak, żeby były widoczne, ale nie rozbijały odbioru treści. To ważna równowaga przy portalach – reklamy muszą pracować, ale nie mogą zabić czytelności strony.
Menu i kategorie bez utraty SEO
Jednym z ważniejszych wyzwań była zmiana nazw zakładek i uporządkowanie kategorii. Klient chciał przebudować część nazewnictwa, ale jednocześnie nie chcieliśmy zmieniać adresów URL, które mogły mieć znaczenie dla widoczności w Google.
Dlatego przygotowaliśmy rozwiązanie, które pozwala łączyć treści z dwóch zakładek w jeden widok, bez naruszania istniejących adresów. Dzięki temu użytkownik dostaje prostsze menu, a strona zachowuje strukturę ważną pod SEO.
To był mały element z zewnątrz, ale ważny technicznie. Przy portalach z historią często największym błędem jest zbyt agresywne „sprzątanie” struktury. Tutaj zależało nam na tym, żeby uporządkować stronę bez wyrzucania wartościowych adresów.
Automatyczne nakładki graficzne na zdjęcia wpisów
Do portalu przygotowaliśmy też mechanizm nakładek graficznych na zdjęcia wpisów. Każde zdjęcie wyróżniające może otrzymać warstwę graficzną zgodną z identyfikacją portalu.
SCREEN: wpisy z nałożoną grafiką na zdjęciu
Podczas tworzenia nowego wpisu redakcja może wybrać odpowiednią nakładkę. Dla starszych wpisów przygotowaliśmy automatyczny mechanizm, który dobiera nakładkę na podstawie przypisanej kategorii.
SCREEN: wybór nakładki podczas tworzenia wpisu
Dzięki temu portal wygląda spójniej, nawet jeśli pracuje na dużej liczbie zdjęć z różnych źródeł i z różnych okresów. To proste rozwiązanie, które pomaga utrzymać identyfikację wizualną bez ręcznego obrabiania każdej grafiki.
Widoki kategorii i listy wpisów
Oprócz strony głównej wdrożyliśmy widoki kategorii zgodne z projektem graficznym, w których użytkownik może przeglądać wpisy z wybranej kategorii portalu. Układ musiał być czytelny, bo przy portalu informacyjnym użytkownik często skanuje nagłówki i szybko przechodzi między tematami.
SCREEN: widok kategorii, lista wpisów
Strony kategorii zostały dopasowane wizualnie do nowego kierunku strony, ale nadal zachowują prostą funkcję: prowadzą użytkownika do treści.
Strona pojedynczego wpisu
Osobną częścią wdrożenia był widok pojedynczego wpisu. To miejsce, w którym portal faktycznie jest czytany, dlatego układ musiał być prosty i wygodny.
Na stronie wpisu pojawiają się elementy potrzebne przy portalu: tytuł, zdjęcie, treść, kategoria, przestrzeń na reklamy i przejścia do innych materiałów. Całość została dopasowana do nowej identyfikacji augustów.org.
SCREEN: strona wpisu – zdjęcie, tytuł, reklama
Co finalnie powstało?
W ramach tej realizacji wdrożyliśmy nową wersję portalu augustów.org na podstawie dostarczonego projektu graficznego.
Zakres obejmował:
- wdrożenie portalu informacyjnego po rebrandingu,
- przełożenie projektu graficznego na działającą stronę,
- stronę główną z hero,
- menu i wyszukiwarkę wpisów,
- przycisk „rozpocznij promocję”,
- social media wkomponowane w layout,
- system miejsc reklamowych,
- widoki kategorii,
- widok pojedynczego wpisu,
- przemyślenie zmian w strukturze menu,
- zachowanie istniejących adresów URL ważnych pod SEO,
- skrypt łączący treści z wybranych zakładek w jeden widok,
- mechanizm nakładek graficznych na zdjęcia wpisów,
- możliwość wyboru nakładki przy tworzeniu wpisu,
- automatyczny dobór nakładki dla starszych wpisów na podstawie kategorii,
- dopasowanie portalu do nowej identyfikacji wizualnej.
To była realizacja, w której duże znaczenie miały detale niewidoczne na pierwszy rzut oka. Z zewnątrz użytkownik widzi nowy, ładny portal. Pod spodem trzeba było jednak zadbać o strukturę, stare treści, kategorie, reklamy, SEO i wygodę codziennej pracy z wpisami.
