FBM_Behance_case_15FBM_Behance_case_15

The Process


The Frankfurt Book Messe is the biggest book fair in Europe. With an ever increasing attendance it was the right time to rebrand the tradeshow as a digital destination. Together with the design studio Shift we developed together a design system that reflected the direction the FBM is heading. The system is easy to maintain and adaptive to a multitude of different user cases. The design also reflects a new generation of attendants and stays respectful to its faithfull fan base. We went right back to basics, firstly exploring the negative white space of the logo, finding many hidden surprises in the form of shapes and patterns that could be then used to create iconic and ownable forms that then became the basis of our design system.

Creative team : Paul Watmough / Stefan Waltz
Concept : Paul Watmough / Stefan Waltz / SHIFT 

Client : Frankfurt Book Messe
 

b8d75d69948977.5b928743ccb55b8d75d69948977.5b928743ccb55
3185a969948977.5b929ed5b89593185a969948977.5b929ed5b8959
FBM_Behance_case_03FBM_Behance_case_03
FBM_Behance_case_05FBM_Behance_case_05
FBM_Behance_case_06FBM_Behance_case_06
FBM_Behance_case_07FBM_Behance_case_07
FBM_Behance_case_08FBM_Behance_case_08
FBM_Behance_case_09FBM_Behance_case_09
FBM_Behance_case_10FBM_Behance_case_10
FBM_Behance_case_11FBM_Behance_case_11
FBM_Behance_case_12FBM_Behance_case_12
FBM_Behance_case_13FBM_Behance_case_13
FBM_Behance_case_14FBM_Behance_case_14
818c3669948977.5b928743c8ce6818c3669948977.5b928743c8ce6
064dc869948977.5b928743cbb91064dc869948977.5b928743cbb91

 

Once we had built built the system, it was time to apply it. We were able to build all of the Ui elements across the various digital platforms. The language we had created had no boundaries and was completely device independent as everything was built modular with no adherence to a grid. All forms were built based on margins and paddings which means everything is responsive and scalable.

FBM_Behance_case_15FBM_Behance_case_15
FBM_Behance_case_16FBM_Behance_case_16
FBM_Behance_case_17FBM_Behance_case_17
FBM_Behance_case_18FBM_Behance_case_18
FBM_Behance_case_19FBM_Behance_case_19
FBM_Behance_case_20FBM_Behance_case_20
FBM_Behance_case_21FBM_Behance_case_21
FBM_Behance_case_22FBM_Behance_case_22
FBM_Behance_case_24FBM_Behance_case_24
FBM_Behance_case_26FBM_Behance_case_26