High-Fidelity Prototype Visit cinespeak.org to see the live website!
Screens from the Prototype
Webpage for In Process Film Series
About the cinespeak Journal
Under the Stars Info and History
Website Map
Style Guide & Brand
The branding of cinéSPEAK hearkens back to old posters of the 80's and 90's with the cut and paste and D.I.Y. aesthetic. This lends well to print design but could prove to be challenging to translate to web. Web design is very formatted and organized within a grid system which is in conflict with the organizations brand.
Grid System
In this process I was working with a developer to take my high-fidelity prototypes and make them a reality. I remained conscious of the limits and potential challenges that can come with coding so I chose to do a layout that could translate well and be reused on a variety of pages. I achieved this with color blocking and typography. The basic "bones" of each page consisted of a color block with text and an image either to the left or right of the text box.