Wydawnictwo · Media · Animacja
Burda Media Polska. Strona zbudowana z ruchu.
Full-stack i opieka nad stroną Burda Media Polska: animowany projekt oparty na siatce kafelków prowadzących do obszarów organizacji.
- Moja rola
- Full-stack development i opieka
- Branża
- Wydawnictwo i media
- W centrum
- Animacja i złożona nawigacja
Wydawca pokazany przez obraz, nie przez menu
Burda Media Polska to duża organizacja z wieloma obszarami: o firmie, portfolio, reklama, rekrutacja, news. Klasyczne menu z listą zakładek zrobiłoby z tego spis treści. Tutaj wejścia mają formę kolorowych kafelków położonych na pełnoekranowej fotografii mody.
Odpowiadam za wdrożenie i dalszą opiekę. Przy takim projekcie praca programistyczna polega głównie na tym, żeby mocny pomysł graficzny pozostał sprawny: żeby strona reagowała płynnie i żeby kafelki pozostały zwykłymi, dostępnymi odnośnikami.
Kilka wejść zamiast jednej ścieżki
Kandydat do pracy, reklamodawca i dziennikarz szukają czegoś innego. Kafelki pozwalają obsłużyć te potrzeby równolegle — każdy wybiera swój obszar, zamiast przechodzić przez wspólną ścieżkę.
Przewinięcie strony odsłania kolejne kafelki i stopkę z kontaktem, mediami społecznościowymi i oznaczeniem DIMAQ. Boczna oś z napisem „Be with us” i przyciskiem odtwarzania zostaje na ekranie, więc mimo zmiany treści nadal wiadomo, gdzie się jest.
Ten sam język na telefonie
Na wąskim ekranie kafelki układają się w dwie kolumny, a fotografia nadal jest tłem, nie ozdobą. Pionowy napis i przyciski zostają, więc charakter strony nie znika w wersji mobilnej.
To właśnie ta część jest przy takich projektach najbardziej pracochłonna: utrzymanie wyrazistego układu przy mniejszym kadrze, bez upraszczania go do zwykłej listy odnośników.
Masz pomysł wizualny, który ma działać?
Pokaż kierunek i powiedz, jak strona ma się zachowywać. Ustalimy zakres wdrożenia i sposób sprawdzenia efektu.