Pixel (Goethe Institut)

Corporate Website

Custom design
Custom Design
Responsive design
Responsive Design
Flipbook
Flipbook

Departing from the interactive installation “The Disappearing Wall,” organized by the Goethe-Institut and presented in different European cities in Fall 2020 (including Thessaloniki), miss dialectic curates Pixels, an art publication that unfolds both as an online and an offline project. Pixels aims to unravel the connection between Thessaloniki’s urban imprint and its visual arts community.

About the Project

The aim of this project was to highlight the twelve graphic designers that are part of Pixels project and help the website’s visitors explore through their work, the creative scene of the city of Thessaloniki..

Implementation

The new, full responsive website focuses on structure, functionality and visual appeal. Using raw multimedia material from our client, we have created an understandable structure that gradually presents to the user, as he browses, all the information about the pixels project and the art work of the participating designers.

During the implementation of the website, in order to give maximum emphasis to the contributors of the project, we placed on the front page their names and work in direct access to the users of the website.

Content Presentation

On the first page of the website we placed the names of the artists who participate in the Pixels project, as well as photos from their projects, where by clicking on, their entire work is displayed through an online flipbook.

Responsive Design

mobile > 768px
tablet 768px • 1024px
deskop 1024px • 1440px
wide screen < 1440px

The website was built based on the techniques of Responsive Web Design and mobile first web design. Responsive design allows visitors to effectively view a website from any device they use for their browsing. The design and orientation of the elements are being moved and changed so that they are displayed correctly on a desktop, laptop, tablet or smartphone. Images and content shrink and fit from three columns to two, and finally to a content column as the website automatically recognizes the screen resolution used by the visitor.