Assignment 5 – Pre-Production Techniques



Brighton Digital Hub Mindmap


Education Moodboard


 Moodboard Evaluation

The moodboard gives a general sense of what the website will be about, Digital Media Education in Brighton, but could perhaps include some more images to highlight the education aspect. Additionally, images of the different digital media disciplines in practice could be included, such as photography, video etc.


After adding some more images the moodboard reflects the education aspect more and highlights some of the disciplines of digital media.

Feedback indicated that the colour and typography choices were suitable.

Logo Design



Creating wireframes for a 4-page website based on Brighton as a Digital Hub.

All the pages on the site will feature a header consisting of the logo and the main navigation menu below. The content below will vary depending on the page.

Home Page


The homepage will consist of a large image, possibly full-screen. This will act as a background to the other content on this page. The other content will be the site logo, an overview of Brighton as a digital hub and two buttons linking to the Hub and Contact Page.

Hub Pagehub

The Hub page will include a description of the topic of the site (Digital Education in Brighton) and profiles of two Education providers (Creative Process/University of Brighton). Additionally, there will be a video interview with an apprentice included.

Resources Pageresources

The resource page will consist of posts linking to useful topics or websites.

Contact Pagecontact

The contact page will feature an interactive map with the location, and an info box with the address and opening times.

Below this will be additional contact information and a contact form.

Task 2 – Requirements for a Media Production and Industry Practice


Presentation Attached

Task 3  Pre-Production Document

Mind Map

See above or Click Here


Purpose of Project

I propose creating a website highlighting Brighton as a Digital Hub in particular focussing on the aspect of education in digital media. The site will provide a simple source where visitors can find about the education providers who offer courses in the digital media sector, as well as explaining why Brighton is a prime location for these providers.


The site will consist of a 4 pages; Home page, Hub Page, Resource Page and a Contact Page.

The homepage will be a simple page giving a brief outline of the intentions of the website.

The hub page will provide profiles for some of the education providers in Brighton, outlining what courses they offer. Also included will be a video interview with a student providing their experience with being a digital media apprentice in Brighton.

The Resource page will provide links to other web resources with related information which visitors would find useful.

The contact page will provide a way for visitors to contact me.


The overall style of the site will be quite clean/simple, using blue and orange as the main colour scheme. The site will feature photographs, on some pages these will act as background.  I intend to build the site using WordPress, It will also be important to make the site mobile friendly as accessing the internet from mobile devices is now more common than using a computer.

Target Audience

The target audience for the site will be young people (16-25) looking for ways into the digital media sector through education. Focusing more on the visual aspects of the site rather than text will help make the site appeal more to the audience.

 Production Constraints

The main constraint will be the time, meaning that the site will perhaps be smaller with less content than would be ideal. Another constraint is in relation to the personnel working on the project. As I will be the sole developer and content creator I will need to manage my time efficiently to ensure the project is completed on time.

 Contingency Plan

My project plan (Gantt Chart) will outline my contingency plan in detail. In essence, I will allow half the amount of time it takes to complete each phase as contingency, e.g. if the phase takes 4 days I will allocate 2 days extra as contingency. Due to the strict timescale, it is likely that if the entirety of the contingency is used that the project will exceed the timescale, meaning that I will need to be efficient in how I proceed with the phases.


I plan on testing the site half way through the project, and again prior to completion. I will test the site on two different browsers, Chrome and Safari, and at two resolutions, one suitable for laptops and one for desktops. Additionally, I will test the site on two mobile devices, a smartphone and a tablet.

Mood Board

See above or Click Here


See above or Click Here

Design Concepts

The main design concept is to make a clean, clear to navigate site. I will make use of white space to keep the amount of content visible down. Doing so allows the viewer to focus on each piece of content without distraction. I will include buttons in suitable areas to direct the user to appropriate and related content.

I will use large images as backgrounds on pages to keep the site visually engaging. The colour scheme for the site will be fairly monochromatic, using blue and orange as highlighting colours.

For my font I will use a simple sans-serif font for the main pieces of copy. For titles I will use a more stylised font to make them stand out more.

Site Map

Screen Shot 2016-12-06 at 10.37.26.png

Assets and Asset Lists


Asset Log Excel Attached

Risk Assessment/Health and Safety

Activity Hazard Persons who may be harmed Property which may be damaged Risk controls already in place Risk Assessment LOW, MODERATE, HIGH, EXTREME


Further action required to control risk ***
Working on computer – sitting at the table Poor posture





n/a Taking regular breaks Moderate Suitable office chair with neck and back support, adjustable height, proper desk with more space – ergonomic mouse and keyboard, adjust screen height.
Using electricity – for laptops and other equipment  

Electrocution – caused by faulty wiring


Myself, colleagues, public




Electrical equipment, whole building, even street.


Circuit breaking extension leads. Not overloading sockets. PAT testing every year.




Invest in dedicated sockets in the wall. Ensure PAT testing record is kept. Replace old equipment. Fire extinguisher for electrical fires.

Plugged in equptment Tripping Anyone in the vicinity Nearby equiptment – falling on it

Plugged I equptment

– Being pulled

 Keeping cables clear of walkways as much as possible, where not possible making people aware of the hazard Moderate


Using cable covers, rearranging office so cables do not need to trail over walkways
Using screens on computer Eye strain.





n/a Taking breaks from the screen. Using brightness controls on the laptop.  



Screen protectors/filter.


The budget for the site is £150 per page for a total of £600. This doesn’t include the cost for the Domain name or hosting so this will be billed later. The domain/hosting cost will vary depending on what options the client goes for.

There aren’t any equiptment or facilites costs as what is required is already possessed.

Production Schedule


Attached Gantt Chart Excel

This is outlined in the attached Gantt Chart.

Included in the chart is the contingency plan. Essentially, I will give each stage half the time again as contingency (e.g. Stage 1 takes 4 days so 2 days are added as contingency). Assuming that I don’t run into contingency time at every stage, this gives me enough time to complete the project on deadline even with some major delays.

It is important to have a contingency plan as these means that in the event that something were to go wrong in the project, or aspects of it take longer to complete, there is a plan in place which will alleviate any issues that any delays bring up.

Task 4 – Project Management

Using the Gantt chart I could see what tasks needed to be completed and by when to ensure the project was completed on deadline. Outlining the tasks and the expected time needed to complete them prior to beginning was useful in keeping track of the progress of the project.

The pre-production process allowed me to progress with development quickly as much of the content was already sourced, and if not, the concepts were outlined allowing for content to be gathered quicker. The wireframes provided a base to work from for each pages layout, though for the Contact Page and Hub Page the layout did change. However, the new layouts bore similarities to the home page and so there were already ideas available on creating them.

Holding client meetings as the project progressed allowed me to gain feedback on the design of the site. Doing so regularly meant that if changes were required there would be time to make them without overrunning the timescale. For example, the layout changes were suggested early enough that, although running into contingency, they could be completed without affecting the success of the project. The meetings also helped in gathering assets for the site. As I was collecting the images I needed as I developed the pages, knowing early that a style of photo was successful made it quicker sourcing future images.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s