This site is based on Craft CMS to make things easy for ad­mins and there are no front-end frame­works

net magazine - - SHOWCASE -

Moviedrome has been an in­de­pen­dent cinema since the late 1980s, show­ing art­house, for­eign and cult films. The site’s main pur­pose is to pro­vide in­for­ma­tion on up­com­ing films, as well as help cus­tomers plan their visit to the cinema. It also needs to let peo­ple know about the ben­e­fits of be­com­ing a mem­ber and how they can sup­port the cinema.

The stark de­sign has a retro feel, re­flect­ing the aes­thetic tastes of its pa­trons, who tend to work in the creative in­dus­tries. The main rea­son peo­ple will visit the site is to find out what films are on, so the home­page helps them do this.

The site will be built on Craft CMS so ad­mins can man­age film timeta­bles, ticket book­ings and mem­ber­ship ap­pli­ca­tions, as well as keep the site up­dated. It won’t need to use any front-end frame­works, as CSS Grid and Flexbox will be used for the lay­out, ap­plied us­ing fea­ture queries and pro­gres­sive en­hance­ment tech­niques.

Close up

(1) The site’s style is retro and ba­sic but it’s de­signed and built us­ing mod­ern UX and cod­ing best prac­tices. There’s noth­ing fancy go­ing on, just stan­dard­scom­pli­ant and ac­ces­si­ble HTML, CSS and pro­gres­sively en­hanced JavaScript. This also means that pages will load quickly. (2) User re­search re­vealed there are only a few rea­sons peo­ple visit the site, so these are all re­flected in the nav­i­ga­tion. (3) The main rea­son peo­ple visit it is to find out what films are on. The home­page is de­signed to take care of this, pro­vid­ing a dis­trac­tion­free ex­pe­ri­ence. (4) The main fea­ture is used to pro­mote films that are cur­rently show­ing and links through to de­tailed in­for­ma­tion. CSS tech­niques can be used to make it adapt to a hor­i­zon­tal for­mat and ro­tate slightly on larger screens. (5) The rest of the home­page is used to pro­mote up­com­ing films, which are listed, along with some ba­sic info about each one. Each tile links through to de­tails about the show­ings.

5 1 4 3 2

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.