Progetto Grafico
website

Homepage of Progetto Grafico magazine website

Year:

2018

Made with:

Lorenzo Feliciani

From paper to the web

Progetto Grafico is an international graphic design magazine published by AIAP, the Italian Association of Visual Communication Design. The magazine approached myself and Lorenzo Feliciani to create a website to promote their publication. The brief was to develop a single-page website with multiple sections, structured in a similar way to a multi-page website. This was a true challenge in terms of design and development, but one that ultimately satisfied the client’s needs. Lorenzo and I collaborated on the graphic design and web development of the site.

Single-page multi-page

The website design is minimalist and makes use of a serif typeface. The central copy of the site introduces the user to the magazine and its creators. With each new issue of the magazine, the number displayed in the copy is automatically updated, providing a visual link between the magazine and the website. Clicking on the number reveals the true body of the website’s content: a frame where the various sections of the site are developed. Navigating through the menu options, the requested content is always loaded onto this same frame, creating a unique browsing effect for the website.

Article page

At the client’s request, the website design had to accommodate three different levels of content structure for each article: one for images, one for text, and a third for notes. As such, the page was divided into three columns, each dedicated to a specific type of content. The decision to exclude the single article element from the initial one-page design was made for both practical reasons, such as easier online sharing, and structural constraints due to the limited frame space. Given that an article requires more space to fully articulate its content, it was necessary to provide a more expansive layout for its presentation.

Homepage of Progetto Grafico magazine website
View of issue 38 of Progetto Grafico magazine in the website
View of the Index section about Progetto Grafico No. 33 from the Progetto Grafico magazine website
View on the Call section of the Graphic Design magazine website
View on the Blog section of the Progetto Grafico magazine website
View of an article on the Progetto Grafico magazine website
View of an article on the Progetto Grafico magazine website
Vista sulla sezione Colophon del sito di Progetto Grafico magazine

Are you looking for something similar?
Would you like to know more about this project?
Feel free to write me an email ツ

All of the following fields are required.

Or write me directly from your email service