Chloe McMaster B00712281 MED331: Interactive Design Practice Production Package Project Proposal The aim of my project is to build an interactive enviroment for Coronation Street; a British Soap Opera set in Manchester, England. Coronation Street has been a much loved British Soap for over 50 years and is the longest running soap opera in the UK. I plan to create an experience of coronation street for my users so that they can get a feel for all things Corrie. The website will be navigated using parallax scrolling and the main navigation will look like a 360 degree image or street view of the Coronation Set; this is to give the users the impression that Weatherfield in a real place and the characters are all real people. I chose to do this piece of primary text because it is a universal pleasure for British people and since there is a Coronation Street tour that the public can go on I wanted to bring the street to their computers as this isn’t always easy for people to get to due to it’s location and the cost baring in mind that the majority of coronation street viewers are probably from a working class background. My initial idea for this piece was to create a catch up service for the audience how- ever; this is not really necessary as ITV player provides a perfectly good catch up service of the past 30 episodes and most people have a record button or on demand service on their TV’s so that they can watch episodes whenever it suits them. Coronation Street Coronation Street is a British soap opera which chronicles the lives of the residents of a backstreet terrace in Weatherfield, a fictional town in the north of England. Created by Tony Warren and produced by Granada Television and then ITV plc for the country’s main commercial network, it was first transmitted on 9th December 1960 and is the longest running drama series in the world still in production. The programme was created in 1960 by scriptwriter Tony Warren at Granada Television in Manchester. Warren’s initial kitchen sink drama proposal was rejected by the station’s founder Sidney Bernstein, but he was persuaded by producer Harry Elton to produce the programme for 13 pilot episodes. Within six months of the show’s first broadcast, it had become the most-watched programme on British television, and is now a significant part of British culture. The show has been one of the most lucrative programmes on British commercial television, underpinning the success of Granada Television and ITV. Coronation Street is on ITV 6 episodes per week, on a Monday, Wednesday and Friday evening. The street tackles everyday issues such as health problems, relation- ships, and family issues with a comedic spin that the audience love. The characters on the street are down-to-earth, working class and strong and that is why the public love the program because they see themselves in the characters in a parallel community in the real world. Some of the longest serving characters are Rita Tanner, Ken Barlow, Audrey Roberts, Gail Platt, Sally Webster and Norris Cole. Timeline of work Task Aims Action Completion date • Construct Coronation Street brief • Research other websites • Define aims and objective of • Research and build an audience Coronation Street artefact profile for new site End of week 4 Project Definition • Decide on genre and style of website 19/10/17 • Decide on font, colour palette and images • Define all content for pages • Produce a production schedule • Gather all necessary resources eg • Create a sitemap images, typekit, colour pallette, • Creation of digital assets End of week 7 Production Planning music. • Create a storyboard with user 9/11/17 scenarios using sitemap to test navigation • Build framework and insert assets • Create layout design and navigation design • Build site using HTML, CSS and End of week 11 Production Java Scripts 7/12/17 • Check that outcome of build equals • Test site for functionality initial goals set • Conduct user tests for navigation • Look back at project definition and and accessibility End of week 12 Quality Assurance compare to final project • Test that all fonts, images, and 14/12/17 content is working across all internet browers eg: chrome, internet explorer, fire fox Audience Profile Name: Kylie Black Age: 38 Occupation: Care Assistant Family: Married with 2 kids age 8 and 11 Hobbies: Enjoys going to her local gym for fitness classes such as “Legs, Bums and Tums” and “Social Circuits” TV: Kylie enjoys watching Coronation Street and Emmerdale during the week and likes to watch ITV drama series such as “Vera” About: Kylie has a busy work life balance; when she is not working she is taking her children to football and dance lessons during the week along with going to fitness classes herself. Therefore whenever she gets home she likes to download the latest TV programs using the ITV player. She regular surfs the internet on her iPad and plays games such as Candy Crush Saga. Kylie would like an Interactive Website for her favourite Soap Opera; Coronation Street to learn about the latest storylines and characters. Sitemap The navigation of the website will be parallax scrolling primarily with the a 360 degree like experience where the locations of the links will be in one 360 degree image which users will click left and right to get to their desired location and once there they will then scroll down to find out about the place, the characters and some past clips in the set. User scenarios User Scenario 1 User Scenario 2 Problem: Problem: The user has recently just watched an episode of Coronation Street which was The user has just watched an episode of Coronation Street set in the Rovers and mainly set in The Bistro; they are confused as to which characters are who and is interested to learn about the past Land Ladies of the Rovers. would like to find out more about them. Solution: Solution: The user can go online to the Coronation Street Website and enter the site The user can go online to the Coronation Street Website and enter the site through the splash screen; from there they can either click on the tab “The Rov- through the splash screen; from there they can either click on the tab “The ers Return” in the navigation bar or they can click the left arrow on screen until Bistro” in the navigation bar or they can click the left arrow on screen until they they arrive at The Rovers. They will then scroll down the parallax page to the arrive at The Bistro. They will then scroll down the parallax page to the section section titled “History” to find out about the past Land Ladies of the Rovers and titled “Characters” to find out the names and some information about them. some of their storylines and family tree. User Scenario 3 Problem: The user has just watched a scene in Coronation Street of a fight between Adam Barlow and Aiden Connor in which they were arguing over who owns the Factory Under World; they mentioned a “Mike Baldwin” and would like to find out more. Solution: The user can enter the site through the splash page and navigate to the Under World tab or page and scroll down to the history to find out where Adam Barlow fits into the owning of the Factory and how the Connor family came to take over Unde World. INSPIRATION Colour The colour palette I have chosen for the Coronation Street interactive website was pulled out of the image of the Rovers Return and the rest of the street bricks using Adobe Col- our wheel. I used the colour mood “muted” to get this colour palette. I have used the first, third and fifth colour in this swatch to build this production folder. I think the colour works as it suits the iconic cobbles on the street. I have chosen the 1st, 3rd and last swatch on this colour palette as shown below. Font I used the Coronation Street Logo as my inspiration for the font/type- kit in my project. I tried to find out what the font is in the Coronation Street logo in order to find out if it was available for download. How- ever I was unable to find out exactly what the name of the font is; so I then logged into my Adobe Type Kit and searched for Serif fonts that looked similar to the Coronation Street logo. The typekit that I found to be most similar to the logo was called “Mrs Eaves” which is what this current font that I am using for this folder. I think finding the correct font for this project is important to make sure that the theme and style of the website is consistent. This typekit is available for download for print and web. Media I sourced my images of the street locations from Google images which means that not all the images are taken from the same photographer or company; I found the best images and had to make them look like they are from the same camera in order for the the colour and style of the website to be consistent. I did this by taking all the images into Adobe Photoshop and adjusting the brightness and contrast to make them all rich in colour. After this I adjusted the layer using the “posterize” option which inhances certain details in the image by adding 4 basic levels into the layer. It is only a small edit on my part but I think they needed it in order to keep the consistency of style in the naviagtion of the website.