Fatura

Corporate Website

Custom design
Custom Design
Responsive design
Responsive Design
Visual effects
Visual Effects
Typography
Typography

Fatura Collaborative – Research & Design Practice, was founded in 2009 and is developing projects across a wide range of scales, from intimate objects, to architecture, urban design and planning.

About the Project

Fatura wanted a completely innovative and different approach about the presentation of its work to the users of the new website.

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 office, the services provided and the projects that have been completed.

During the implementation of the website we used  typography and several graphic icons in order to achieve the difference in the design. In addition, In order to give the maximum emphasis to the projects of Fatura, the whole website consist of two columns – categories that display the projects and give direct access to the users. The website was designed by P-SO and developed by our company.

Content Presentation

All the information about Fatura and its projects are being presented in a friendly and understandable way. Through the categorization of the projects in two columns, the users can easily and quickly obtain all the information about each project that are interested in.

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.