Now I have my template and my homepage almost sorted, I must decide upon how to organise my information.

With the site being aimed at consumers, and with each page being able to stand alone, I have gone for a single top down approach, with each page’s father being the homepage. Whilst “What’s on?”, “Trailers” and “Coming Soon” could sit in a similar category, the template chosen does not lend itself to drop down menus or further pages within pages easily or aesthetically pleasingly - It should also be noted that every site I visited for my style models does not make use of separated pages, (with the exception of The Odeon and Cineworld for different locations - a problem I do not have to deal with.) I also wish for all of my content to be accessible with as few clicks as possible and be easily seen at a glance making this layout the optimum.

I shall henceforth go on to a page-by-page review of development, and finally onto my finishing touches and a review of webnode.

To begin with, the homepage.

After creating my picture banner and my pages, I decided that a small bit of history and a description would be adequate for my homepage text. Also, links to relevant content such as the “What’s On?” and “Coming Soon” section, and a link to “request” a film, something which does not have a page of its own, but is incorporated into the “Contact Us” page.

From a business point of view, I have added the link to “become a member” on the homepage to draw brand new visitors straight into parting with money, and then incorporated a "Reservio" link to “reserve seats”. I also made use of “Wisepops” to add some legitimate ‘advertising’ and cool content to the site and have written a blog about it also in the “news” section. This advertising also serves as a free way to collate email addresses for a newsletter - something Webnode would make you pay for.

I found the "Reservio" platform through messing around with Webnode and thought it would be perfect for my business. After registering for "Reservio" and adding in my first two weeks worth of film showings, the ability to reserve seats from the web would be a great feature to bring to customers.

I have also added a webnode photo gallery with posters of the films showing in chronological order for the week ahead, and the times they are showing in the photo descriptions and a manufactured PDF link to a refreshments leaflet I put together, just to add another level to the site.

I’ve decided now that before I go any further it would be ideal to choose a ‘website persona’; that is, a style model of customer/interaction to visit the website. This is what I have decided a typical visitor would be.

• Alan Hendry

• 34 years old

• Lecturer at University

• Lives just outside of Aber

• Has computer, tablet and smartphone in house

Typical Web Tasks:

• Updates Twitter profile

• Follows film news

• Follows local news

• Writes an academic blog

• ‘Google’s’ for updates on interests

From this description I can ascertain that updated content and twitter are necessary. I should also make note that many students and younger users will use the website as well, but that visiting the cinema regularly is possibly more targeted towards older generations with stable income.

It should also be suitable for different devices and so should not be too text heavy, but also have a lot of media to hold attention from other news aggregation sites, but also take into account local news and services.

It seems I have my work cut out for me!

When it came to deciding upon what pages to construct, I wholeheartedly decided to do away with the pre-determined pages. I deleted the “guestbook”, “photo-gallery”, and “FAQ’s” amongst others and browsed some other Cinema websites to get a good look at the kinds of pages they employed. Notably, Cineworld, Odeon, Aberystwyth Arts Centre, The Commodore Aberystwyth,The Ritz in Belper and Derby Quad.

Every site had “What’s on?” and “Tickets” pages, four out of the seven had membership pages of some sort which I hadn’t thought of to begin with and most had some sort of “About” page. On top of these three pages and the homepage, I added a “Contact Us” page, also adding those details to the footer of every page and including a Map of where to find the cinema, as every cinema site I found included a link to their physical location. (I just left a marker in the middle of Aberystwyth somewhere on North Parade.)

So far I had decided on: Homepage, What’s on, Tickets, About Us, Contact Us and Membership.

As the remit calls for ten pages, eleven with this blog, I also added a “Coming soon” and “Trailers”, “News” and “Join our Team” page as Webnode does an attractive ‘team’ page template and I thought a “We’re Hiring” blog entry  in the “News” blog would make for good content. I also then added a “News” section to the footer of the homepage and included social media sharing buttons to the footer of every other page.

Only the “What’s on”, “Coming Soon” and “News” pages did I make anything other than blank, formatting them as ‘List’ pages in Webnode.

As outlined in the remit, the website can obviously not violate copyright, and in making a website for a Cinema, use of any media attributed to a film is obviously owned by the creator/production company. There are however caveats to this, which I shall make use of in creating my site.

Firstly, both UK and US copyright law allow for “fair use”, and both make mention of use for educational purposes, for which I believe this falls beneath. I have also centered a disclaimer onto the footer of each of my singular pages with mention of this as an educational piece of work.

Secondly, the use of certain types of media, those being movie trailers or reviews will either come embedded and therefore automatically attributed or hyperlinked and sourced, thereby removing any copyright conflict. It should also be noted that being a Cinema, this business would already have attained the rights to use promotional material such as posters and trailers, both offline and online.

Finally, where using imagery that does not pertain to any film in particular and for instance to the town of Aberystwyth or to the fictional building in which “The Picturehouse” resides, any and all images will be courtesy of Google’s own image filtering search, with images labelled for reuse and modification, or from Wikipedia’s catalogue as has been done with the homepage’s picture of Aberystwyth to be found here.

Beginning the design process with Webnode was relatively simple. Webnode offered me the choice of a URL pertaining to the name of the website. “the-picturehouse.webnode” seemed the easiest as both “thepicturehouse.webnode” and “picturehouse.webnode” were both unavailable at the time.

I made the choice to design off a template, and after playing around with a few, I eventually settled on the “darkviolet” template. I was however, impressed with the wide variety of free templates to choose from.

I chose this template, mainly because of it’s dark nature synonymous with a theatre, it’s old style Willaim Morris wallpaper homepage for it’s likeness to the old style theatre I wish to portray and its simple layout and serif font choices (although, both of which I know are customisable henceforth.)

The contrast of simplicity and age not only reflect the direction in which I believe Web 2.0 and HTML5 are taking the web currently in websites such as Vox Media, Medium, or others, but also show clearly a good design of a clash of the ages. Old style cinema with new style independent films, and whilst due to the remit I could not create a nice parallax style website, as close as I could get is what I have gone for.

Finally, after finding a good image of old Aberystwyth free to use and modify, I added some film reel borders in Pixlr and imported it to the home page for one of the final touches.

To complete the Homepage all but the links to the rest of the website, I added a brief description and directions for the website. I also added contact details, (the address translated to Welsh for 1 Sunset Strip, Hollywood Boulevard, SY23 BFI for British Film Institute and the phone number the one used for Ghostbusters, "Who you gonna call?"). I also created an email and Twitter handle for the site, both using the free to use and modify picture of Adolph Zukor, notable Paramount film magnate of the early 1900’s.