Close up

net magazine - - DESIGN CHALLENGE -

(1) The side­bar is de­signed to be fixed and present through­out the users’ jour­ney. The aim is to pro­vide a con­stant call-to-ac­tion that doesn’t in­ter­rupt the con­tent or lay­out of the page. (2) The mo­bile de­sign high­lights the book­ing form found in the side­bar. The aim is to quickly and ef­fi­ciently sign users up to the event no mat­ter the de­vice. (3) The scaffolding lines were in­flu­enced not only by the de­sire to lever­age CSS Grid but by re­search­ing Mod­ernist lay­outs for a theme. Most no­tably Müller-Brock­mann’s ‘Grid Sys­tems in Graphic De­sign’. (4) Through­out the de­sign you’ll no­tice the use of Fira Code. This very spe­cific type­face with its unique text-ed­i­tor fea­tures was cho­sen to give char­ac­ter to the de­sign. (5) Duo-tone im­agery is a key fea­ture of the de­sign; pow­ered by SVGs and CSS Fil­ters they not only help to show­case the event but are part of the user ex­pe­ri­ence too. The side­bar changes colour based on whether it’s open or closed.

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.