12 września to nowa historyczna data dla całej firmy. Tego dnia wdrożone zostały zmiany identyfikacji wizualnej portalu. Zmiany logotypu oraz szaty graficznej obejmowały zarówno stronę główną portalu, jak i wybrane serwisy tematyczne. Ostatnie rewolucyjne zmiany na stronie głównej miały miejsce w 2008 roku. Wtedy to zmienił się zupełnie wygląd strony, jak i technologia – został wykorzystany XHTML. Trzy lata „w sieci” to prawie wieczność. Oczywiście przez ten czas na stronie głównej wprowadzane były różne mniejsze lub większe zmiany, jednak nie miały one tak całościowego charakteru. Brandlifting Onetu objął również kluczowe serwisy portalu – Film, Muzykę, Wiadomości i inne. Zmieniło się nie tylko logo, ale cała koncepcja budowania identyfikacji wizualnej serwisów. Agregaty – takie jak Biznes, czy Kobieta, zyskały swoje cechy wyróżniające, a serwisy w ich ramach zyskały kolorystyczną konsekwencję nawiązującą do stylistyki agregatu. To, co zostało zaprezentowane 12 września, to można powiedzieć „nowy Onet”.

Strona główna to nowa technologia...
Jednak to, co się zmieniło, to nie tylko kolory, czy logo. „Nowy Onet” to też nowe technologie, usprawnienia, czy optymalizacje. Strona główna Onetu ładuje się teraz o wiele szybciej, co wynika m.in. z zastosowanych optymalizacji:
- pliki javascript oraz CSS łączone są w pojedyncze pliki,
- podstawowa grafika serwisu znajduje się na płachtach (sprites),
- obrazki doładowują się w momencie scrollowania strony,
- strona jest podzielone na cztery części. Każdy element ładowany jest kolejno po sobie.
Po stronie backednu zastosowano wielowarstwowe cache przechowujące statyczne html’e, osobny cache dla CMS-a, który treść na stronę wyciąga tylko raz. Reszty zdradzić nie możemy...

..i wygląd
To, co najbardziej rzuca się w oczy, to nowe logo z kropką oraz „rój” w postaci kolorowych kropek w różnych konfiguracjach pojawiających się w po bokach strony. Zmieniły się też style i ikony (np. pogodowe czy horoskopu). Strona główna została zaprojektowana też pod kątem tych użytkowników, którzy przeglądają Onet na smartfonach i tabletach. To nowy m.onet – wersja mobilna, która sama rozpoznaje, na jakim urządzeniu użytkownik ją ogląda. Nowa wersja mobilna m.onet wychodzi naprzeciw potrzebom, jakie generują zmieniające się przyzwyczajenia użytkowników co do korzystania z Internetu na urządzeniach mobilnych. Nowy Onet na urządzenia mobilne jest prosty, lekki i przejrzysty tak, aby użytkownik nie musiał pobierać zbyt wielu danych tracąc przy tym cenny czas i pieniądze lub których w ogóle by nie pobrał z powodu ograniczeń transferu.

Wnętrze portalu..
Serwisy portalu zostały podzielone na trzy główne kategorie: informacyjne (np. Wiadomości, Biznes, Sport), lifestylowe (np. Kobieta, Moto, Podróże itd.) i multimedialne (np. Muzyka, Film, Gry, Vod). Głównym założeniem tego podziału, było wypracowanie spójności serwisów zgodnie z ich przeznaczeniem.  Powstałe agregaty łączy spójność identyfikacji wizualnej – przechodząc przez kolejne serwisy, podserwisy i strony, cały czas użytkownik porusza się w tym samym schemacie kolorystycznym. Warto zauważyć zmiany w wyświetlaniu reklamy, która wcześniej znajdowała się nad serwisem. W obecnym modelu reklama bannerowa została przeniesiona pod belkę nawigacyjną tak, aby użytkownik przeglądając serwis nie był atakowany reklamą, którą musi przewinąć, żeby trafić do poszukiwanych treści.

Wyszukiwarka...
W obszarze wyszukiwarki zaszły rewolucyjne zmiany. Wizualnie została wyeksponowana w serwisach na belce nawigacyjnej  - ale to nie koniec, bo zmieniły się same mechanizmy odpowiedzialne za wyszukiwanie w portalu. W nowej wyszukiwarce najbardziej liczy się prostota interfejsu, łatwość wyszukiwania, jakość wyników wyszukiwania oraz spójność w obszarze całego portalu. Wyszukiwarka szukaj.onet.pl oraz wyszukiwarki proksowane w serwisach są spójne nie tylko wizualnie, ale też prezentują ten sam model wyszukiwania. Skomplikowane formatki zostały zastąpione prostą listą wyników wyszukiwania, z wklejkami w postaci multimediów i artykułów oraz – z akordeonem. Znacząco podniosło to jakość wyników wyszukiwania – w akordeonie znajdują się tylko ściśle dopasowane, konkretne wyniki wyszukiwania, a w głównych wynikach wyszukiwania z Onetu znajdują się wyniki tylko aktualne (bo z indeksu wiadomości). Połączenie w jedno wielu ciężkich indeksów pozwoliło uprościć wyszukiwanie od strony technologicznej, podnieść wydajność wyszukiwarki, a dla użytkownika poprawiło przejrzystość wyników. Nowa wyszukiwarka jest również innowacyjna pod względem technologicznym, bardziej wydajna i przyjazna użytkownikowi.

Metodyka i realizacja
Całość prac została podzielona na cztery projekty: strona główna, mobile, wyszukiwarka, brandlifting serwisów. Projekty toczyły się równolegle w czterech zespołach. Strona główna oraz brandlifitng realizowane były w podejściu ewolucyjnych.  Całość zmian na stronie głównej to nie tylko zmiana wyglądu, ale i zmiany funkcjonalne, realizowane w trybie mikrozmian i mikrowdrożeń przez kilka miesięcy przed samą zmianą szaty graficznej. Natomiast brandlifting podzielony  był na cztery w miarę niezależne etapy. Plusem takiego rozwiązania jest elastyczność, minimalizowanie ryzyka oczekiwania na kolejne produkty prac oraz minimalizowanie ryzyka wdrożeniowego (wdrożenie każdej zmiany na SG to poważny proces, a im większe zmiany, tym większe ryzyko niepowodzenia).
Projekty Mobile oraz Wyszukiwarka realizowane były metodyką SCRUM, która pozwoliła uwolnić innowacyjność zespołów oraz zmaksymalizować wydajność prac.

Na zakończenie
Proces brandliftingu portalu, obejmujący kilka projektów, z których każdy dotyczył konkretnego obszaru (strona główna, serwisy tematyczne, wyszukiwarka, mobile) był nie tylko wyzwaniem, ale i przygodą.  W przeciągu kilku miesięcy przez projekt przewinęło się ponad pięćdziesiąt osób, zakres zmian początkowo przyprawiał o ból głowy, jednak dzisiaj widzimy efekt naszej pracy:  zmieniliśmy jedyny taki portal w Polsce.

To nowy Onet i kropka.

Kierownicy Projektu

Michał Majczak i Małgorzata Fugiel-Kuźmińska