Background
The need was to redesign the website to be more functional and easy to navigate to key areas of information. There was an emphasis on streamlining the ticketing progress and bring attention to the journal section of the website.
Things to consider...
1. Defining Client Wants with Design in Mind
When working on the website for cinespeak I was provided with text and general list of pages. The layout was fully in my hands. These were some key wants...
-- A clear area for users to buy tickets to showings and events from the homepage.
-- A specialized layout reader/article for the "cinespeak journal" section of their website.
-- Emphasis on where to find information with potential donors, volunteers, and partners.
2. Finding a balance between "attitude" and organization
The branding of cinespeak 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. I believed it was best to design with information at the forefront I incorporated style into page headers and sub-headers in order to keep important information legible.
3: Creating a template with style
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.
Webpage for In Process Film Series
About the cinespeak Journal
