Onet.pl – Interactive reportages

Onet

We were asked to design and code multimedia reportages. The result of the work is a web application that enables an attractive presentation and edition of this type of content.

WordPress / HTML5 / CSS3 / JavaScript / PHP & MySQL

Visit site

The scope of our actions

Workshops

Together with the client, we participate in workshops to better understand their vision and ensure an ideal fit with their expectations.

Analysis

We start by gaining a deep understanding of the client's needs and project goals to deliver personalized solutions.

Technology audit

We conduct a detailed technology audit, identifying the best tools and solutions tailored to the project's needs.

UX design

We focus on user interface design, ensuring intuitive and engaging user experiences.

UI design

We create aesthetically pleasing and functional user interface designs, incorporating the latest trends and best design practices.

Front-end web development

We create responsive and dynamic user interfaces, leveraging the latest front-end technologies.

Database

We design and implement efficient and scalable databases, providing a robust foundation for your website.

WordPress CMS

We build websites based on the popular content management system WordPress, customizing them to meet the client's individual needs.

Manual testing

We conduct comprehensive manual testing, verifying the functionality of each feature on various devices available on the market, ensuring flawless operation and high product quality.

Optimisation

We ensure optimization for search engine rankings, security, and page loading speed.

Launch

We deploy the website on the production server, ensuring a smooth process and minimizing potential disruptions.

WordPress maintenance

We provide regular technical support and maintenance for the website, ensuring its continuous availability and performance.

Warranty service

We provide a 12-month warranty on the work performed, ensuring clients complete security and confidence in the functioning of the website after its launch.

Main goals
and project challenges

Our task was to present in an interactive form the content of reportages prepared by the Onet.pl editorial staff. The format was supposed to be universal enough to be used in a series of reportages on various topics. At the same time, it was crucial that it should present various visual content within one project in a non-intrusive and user-friendly way.

Universal Interface

Design a versatile interface for Onet’s interactive reports that can be utilized across various stories.

Multimedia Adaptability

Facilitate engaging presentations of diverse content types, ranging from text and photographs to audio and video.

Performance Optimization

Enhance code efficiency for a broad range of devices and high traffic scenarios.

Functionality

Process

We started working on UX with an analysis of the assumptions, functionality of the project and components that should appear on the website. Based on these analyzes, after detailed talks with the Onet team and tests, we designed the layout and navigation of the website that allows the user to easily use the published content.

Customizable template

We have created a comprehensive template that allows you to present a variety of audiovisual materials that work together without disturbing the perception of the whole. Moreover, such a varied form engages the user’s attention and encourages them to explore the topic. As part of the project, we made it possible to add: two types of video, audioplayer, photo gallery, image comparison slider, interactive map.

Reportages

Each reportage is made of slides. We wanted the text to harmonize with the visual layer, so the user can scroll the text using the arrows within one slide (background). The user also has the option of listening to the text being read by the lector. Clear navigation, intuitive UX and constantly visible icons for switching the audio on and off and the voiceover’s recordings give the user control and freedom in reading the content. In order for the content to be legible enough, despite the varied background (color photos or videos), we added a slight gradient to the text slides.

Content management system

The website has been built on the basis of the WordPress platform. Thanks to an easy-to-use content management system (CMS), editors can configure the display options of individual media on their own without interfering with the code. And the designed template can be used while creating new reportages.

The slide that opens the chapter You are husband and husband

Summary

As a result, we have created a user-friendly, eye-engaging, modern form of reportages. As part of the series, reportages were created, among others: Przystanek Polska, Wysychamy and 10 years from Smolensk.