- WordPress
- HTML5
- CSS3
- JavaScript
- PHP & MySQL
Reportaże multimedialne
Onet
Zaangażowane dziennikarstwo zespołu Onet.pl wymagało odpowiedniej prezentacji efektów swojej pracy odbiorcom. Dlatego zwrócili się do nas z prośbą zaprojektowania i oprogramowania interaktywnej formy reportaży. Efektem pracy jest aplikacja webowa pozwalająca na atrakcyjną prezentację i edycję tego typu treści.
Klient
Zespół
- Kodowanie - Smultron
- Design - Smultron
Czas realizacji
5 mies.
Zakres prac
- analiza i konsultacje
- projektowanie UX
- projektowanie UI
- front end
- cms
- testy manualne
- wdrożenie
- support powdrożeniowy
Wyzwanie
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.
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.
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.
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.
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.
Efekt
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.
Zobacz kolejne projekty
Skontaktuj się z nami
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
31-014 Kraków
+48 791 991 797
hello@smultron.pl
NIP: 6762482785