Concept

Working with a prominent newspaper like Público, it's working in a thin line of balance between the commercial and editorial sides. They will be de decision-makers in the process.

When I lead a project and work closely with the product owners, I like to start with brainstorming sessions, sometimes close to design sprints, to try to get everyone in the same level field.

In this case, it took me a couple of visual concepts to try to set the application's mood/style/voice.

We knew that this, with a clear goal form both sides of the decision, would kickstart all the work.

Wireframes

The wireframe in this project where particularly relevant to lay down the complexity of screens and variations of news cards there are in the application.

After working close to the internal team that created the API that serves the website, I had to build a system that would mirror the same approach to mobile applications.

At the end of this phase, we started to play with some animations that roughly brought some feeling what tour be liker to navigate in the application.

Specifications

To pass the work to the development team was another challenge, wed a very tight timeline before the project ran out of money and might put at risk the entire project.

I used Zepplin to create a direct line with the development team to inspect and download assets. But this project needed more. I create a cookbook on the form of seasons of a series to get a more visual statement to all the people involved, including non-techies.

It works pretty well. We had to have an approved pdf at the start of every sprint and the developer.

Final application

The looks of the print version inspired the final design of the application. I inset the grey lines dividing the cards, remove any shadow in the cards, try to replicate the symmetry in the relation of the title and the text, using the same color scheme, and try to the same dynamics in all the Público sub-brands.

We created an experience that brings the latest news with a feed always changing mixed with a more long-form call to read. We also brought a lot more attention to the podcast section and the subscriber's area, which would push the subscriptions.

Main news feed

Article screens

Branded sections

Podcasts

Settings

Search