Wróć do listy

Reportaże interaktywne Onet

Zakres prac
Warsztaty

Wspólnie z klientem uczestniczymy w warsztatach, aby lepiej poznać jego wizję i zapewnić idealne dopasowanie do oczekiwań.

Warsztaty
Analiza i konsultacje

Rozpoczynamy od głębokiego zrozumienia potrzeb klienta oraz celów projektu, aby zapewnić spersonalizowane rozwiązania.

Analiza i konsultacje
Audyt technologii

Przeprowadzamy szczegółowy audyt technologiczny, identyfikując najlepsze narzędzia i rozwiązania dostosowane do potrzeb projektu.

Audyt technologii
Projektowanie UX

Skupiamy się na projektowaniu interfejsu użytkownika, zapewniając intuicyjne i atrakcyjne doświadczenia dla użytkowników.

Projektowanie UX
Projektowanie UI

Tworzymy estetyczne i funkcjonalne projekty interfejsu użytkownika, uwzględniając najnowsze trendy i najlepsze praktyki projektowe.

Projektowanie UI
Kodowanie front-end (interface)

Tworzymy responsywne i dynamiczne interfejsy użytkownika, wykorzystując najnowsze technologie front-endowe.

Kodowanie front-end (interface)
Baza danych

Projektujemy i implementujemy wydajne oraz skalowalne bazy danych, zapewniając solidne fundamenty dla strony internetowej.

Baza danych
WordPress CMS

Tworzymy strony internetowe oparte na popularnym systemie zarządzania treścią WordPress, dostosowując je do indywidualnych potrzeb klienta.

WordPress CMS
Testy manualne

Przeprowadzamy kompleksowe testy manualne, weryfikując działanie każdej funkcjonalności na różnych, dostępnych na rynku urządzeniach, zapewniając bezbłędne działanie i wysoką jakość produktu.

Testy manualne
Optymalizacja SEO, security, pagespeed

Zapewniamy optymalizację pod kątem pozycjonowania w wyszukiwarkach, bezpieczeństwa oraz szybkości ładowania strony.

Optymalizacja SEO, security, pagespeed
Wdrożenie / Release

Wdrażamy stronę internetową na serwerze produkcyjnym, zapewniając płynny przebieg procesu oraz minimalizując ewentualne zakłócenia.

Wdrożenie / Release
WordPress maintenance

Zapewniamy regularne wsparcie techniczne oraz konserwację strony internetowej, dbając o jej ciągłą dostępność i wydajność.

WordPress maintenance
Opieka gwarancyjna

Udzielamy 12-miesięcznej gwarancji na wykonane prace, zapewniając klientowi pełne bezpieczeństwo i pewność działania strony internetowej po jej uruchomieniu.

Opieka gwarancyjna
Główne cele
i wyzwania projektu

Nasze zadanie polegało na zaprezentowaniu w interaktywnej formie treści reportaży przygotowanych przez redakcję Onet.pl. Z założenia format miał być na tyle uniwersalny, aby mógł być wykorzystany w serii reportaży o różnej tematyce. Jednocześnie kluczowe było, aby w nienachalny i przyjemny dla użytkownika sposób prezentował rozmaite treści wizualne w ramach jednego projektu.

Uniwersalny interface
Zaprojektowanie uniwersalnego interface dla interaktywnych reportaży Onet – możliwość wykorzystania przy różnych reportażach.
Dostosowanie do multimediów
Umożliwienie atrakcyjnej prezentacji różnych form treści, od materiałów tekstowych, zdjęć, do materiały audio i wideo.
Optymalizacja wydajności
Optymalizację kodu dla różnego typu urządzeń oraz wysokiej liczby wyświetleń.
Reportaże multimedialne
Funkcjonalność
Proces

Pracę nad UX rozpoczęliśmy od analizy założeń, funkcjonalności projektu oraz elementów składowych jakie mają się pojawić na stronie. W oparciu o te analizy, rozmowy z zespołem Onet oraz testy zaprojektowaliśmy układ i nawigację strony pozwalająca na łatwe i atrakcyjne wizualnie korzystanie z opublikowanych treści.


Reportaże multimedialne
Konfigurowalny szablon


Stworzyliśmy kompleksowy szablon umożliwiający prezentację różnorodnych materiałów audiowizualnych, które wzajemnie współgrają nie zaburzając odbioru całości. Co więcej, taka urozmaicona forma angażuje uwagę użytkownika i zachęca do zgłębienia tematu. W ramach projektu umożliwiliśmy dodawanie między innymi: dwóch typów video, audioplayera, galerii zdjęć, suwaka porównywania obrazów, interaktywnej mapki.

Porównanie zdjęć
Reportaże

Każdy reportaż składa się ze slajdów. Zależało nam na tym, aby tekst współgrał z warstwą wizualną dlatego użytkownik może przewijać tekst za pomocą strzałek w ramach jednego slajdu (tła). Ma również możliwość odsłuchania tekstu czytanego przez lektora. Przejrzysta nawigacja, intuicyjny UX i stale widoczne ikonki włączania i wyłączania audio i nagrania lektora dają użytkownikowi kontrolę i swobodę w zapoznawaniu się z treścią. Aby treść była wystarczająco czytelna, mimo zróżnicowanego tła (barwne zdjęcia lub video), do slajdów tekstowych dodaliśmy delikatny gradient.

Reportaże multimedialne
System zarządzania treścią

Serwis został zbudowany w oparciu o platformę WordPress. Dzięki łatwemu w obsłudze systemowi zarządzania treścią (CMS) edytorzy mogą samodzielnie konfigurować opcje wyświetlania się poszczególnych mediów bez ingerencji w kod. A zaprojektowany szablon może być wykorzystywany przy okazji tworzenia kolejnych reportaży.

Slajd otwierający rozdział Jesteście mężem i mężem
Podsumowanie

W rezultacie stworzyliśmy przyjazną dla użytkownika, angażującą jego uwagę, nowoczesną formę reportaży multimedialnych. W ramach cyklu powstały między innymi reportaże: Przystanek Polska, Wysychamy oraz 10 lat od Smoleńska.

Reportaże multimedialne
Szukasz doświadczonego zespołu programistycznego? Porozmawiajmy o konkretach.
Skontaktuj się z nami
Marcin Stawowiak
Marcin Stawowiak
Co-founder, Executive Manager
Szukasz doświadczonego zespołu programistycznego?
Porozmawiajmy o konkretach.
Smultron Web Development
ul. Sławkowska 12
31-014 Kraków
NIP: 6762482785
Icon
 Oferta PDF						Oferta PDF Icon
 Napisz						Napisz Icon
 Zadzwoń						Zadzwoń Icon
 Projekty						Projekty