Completed production

ISSUE 001:

cover page:

Contents page:

ISSUE 002:

cover page:

contents page:

 

completed website

 Home page:

https://meredithcloke5.wixsite.com/playedmagazine1

Hyperlinked page:

https://meredithcloke5.wixsite.com/playedmagazine1/hyperlinked

Audio-visual piece:

My audio visual element is a nearly 4 minute interview that can be found on my hyperlinked page right at the top. This interview is with the July cover artist of the magazine SHIRA and is a 'bit' made by PLAYED magazine called "six quick questions with ..."

I have attached the video link below as sometimes it will not play on the website:

https://youtu.be/Ro8ELMVV2lE

Navigation:

My home page is one full scroll down and to get from the home page to the hyperlinked page simply click on the 'FEATURES' tab in the menu or click on the photo or title of the exclusive interview "SHIRA: Talks to PLAYED"

A screen grab of the entire home page:

POPUP:

HOME PAGE:

A screen grab of entire linked page:

website inspiration

WEBSITE INITIAL INSPIRATION 

Although not a music magazine website I like the layout of vogue and they do cover music so I want to use them as a starting point as many 16-25 audiences interact with vogue, Vogue creates good research for my age range target and the type of things that would appeal to that audience.

NME has a nice categories layout that I would like to incorporate into my final website design I also like the one big image idea, that is seen in several websites. they break the three colours however, opting for one solid colour so I will not be following their theme. 

I like the three column layout with different variety of articles in text and image. the masthead is also classic and I like the simplistic yet timeless feeling to the page. I also like that although their audience is for music, they report on all stories showing a variety of ideas and news. I want to create a website that has similar breaks using lines and sections.

Billboards website uses nice colours and layout again sticking to the three colours and incorporating different coloured backgrounds within the site to show the different sections visually. I like the modern look the website has and all of the individual boxes with the images.

MOCK UPS

This MUST contain a post called MOCK UPS, which contains a mock up version of your website. You MAY use found images or AI generated images, but you SHOULD think very carefully about how you will create the real version of each image. You will need to post screen captures of your mock up website. 

 

Mock up 1- home page

Opening page mock up 1. I like the layout of the images and main cover being front and centre

I wanted to show the convergnce between my magazine and my website with a button that can be clicked to buy the months issue which would be 002 issue of my front covers, to make people go from website to magazine.

mock up 1- linked page:

I want to set up my audio-visual section like an interview page and have the video be a main feature at the top of the page and have a written article underneath.

Mock up 2:

I added this section to the home page to lengthen the home page to be similar to a working website.

contents page inspiration

 CONTENTS PAGE INSPIRATION

FADER 

I like this contents page, by FADER, because of its unique layout, I think it is visually appealing and catches your eye, the contents are laid out in sections, with a bold subheading and a brief description. The double spread is also nice and creates a sense of style that will appeal to an audience of 16-25 year olds. the image is also nicely spaced on the page making room for the contents and title. The date is also featured on the contents pages which I will definitely want add.

I like this content page, by FADER, because it is nicely layed out and is simple but doing its job well, the one page makes the content concise and leaves little space, without making the page feel crowded, the top of the page feature the issue number one time in the top left in smaller print and in the top right corner in a stylistic font making it stand out, it also shows the date of the issue and the category the issue falls under, this is all in the same font. I like the mix of fonts highlighting certain areas of text compared to a flat bland typography. I also like the layout with the contents in a table underneath a picture which takes centre stage. the contents are nicely. laid out in section with subheadings and then further subheadings with each article listed.

FADER is very inspirational for interesting contents pages, that vary with every issue, and the vibe of the artist the double page is appealing again with the image repetition being of centre and completely red. I also like the disappearing effect on the contents title that is still readable but falling off the page. The articles are still nicely displayed in a group with page numbers for each issue. I like the convergence between the magazine and the website in the top right with the link to thefader.com. It also has the date of the issue in the top left. My favourite part is the second contents section that is sideways and bold putting emphasis on those articles, one of which is the artists interview.

BILLBOARD

with billboard rebrand the magazine has gone through large change, making striking creative contents pages.

This is a more classic contents page with contents down the left in a column using blue as section breaks and featured articles in the big central column, they also add miniature covers within the contents page adding visual attention to the page.

This contents page is more striking using an image as the main background, creating a contents page that mirrors the cover, making the contents minimalistic down the side of the image and featured bigger over to the left. They add the issue number and information in a yellow box for emphasis and also display the cover information and a message to billboard readers, I like this interesting style and want to try this in the future.

 This contents page is a special one for the December issue thanking the team and follows a similar pattern as the contents page above. using minimalistic fonts for the actual contents. The features are again separate, but the age is a double page instead of on a singular page which is something I might experiment with.

statement of intent

How do you intend to use the four areas of the media theoretical framework (acknowledge C and C of existing media, audience to communicate meaning and meet the requirements of your chosen brief? ( approx. 400 words) (200 words each one for production and one on website)

MAGAZINE:

My brief is to produce the first two issues of a music magazine's front cover and contents pages, made for retail distribution to a 16–25-year-old audience, and two pages for the working website for the music magazine company. My product will be targeted primarily to young adults since music magazines are mainly read by young adults, I want to represent the audience within the magazine discussing topics that they feel represent them, creating artists which represents younger adults. My music magazine will have a pop style to capture the largest audience in music, allowing the audience to engage with the magazine being displayed, with the elements of younger artists on the front cover talking about themselves, this will help to create representation for 16–25-year-olds to relate to. I want to remove the exclusivity of political and cultural conversations that are 'reserved' for adults in this magazine and display the content to young adults in a genuine and respectful light. I will use a combination of shots and poses to ensure that the magazine remains professional looking as well as creating variety in the issues. My contents page and front cover will be similar to create a sense of each individual issue being unique to one artist. My contents page will be very image driven to create visual attention grabbers for the audience. I am taking inspiration from large name music magazines such as Rolling Stone and billboard, but making it more stylised to a younger audience with inspiration from magazines such as FADER. 

WEBSITE:

Researching large music industry websites helped to create my plan for my final piece. I intend to use a colour scheme of three colours, black, white and blue as most websites use only three in their website design this helps to display the seriousness of the publication but also uses blue as a pop of colour to create brand identity. I will feature the magazines name at the top to garner the most interest and attention on the site and create brand identity and association by using the same fonts throughout to keep a sleek design. The images featured will be those from an interview with the artist of issue 002 as well as images used to represent to individual articles to create a visual interest in the articles. The page will include hyperlinks to the purchase the magazine and the social media platforms of the magazine to promote buying the product as well as display a wide range of ways to interact with the content created by the magazine. My audio-visual element will be an exclusive video interview with the artist of issue 002 this will be easily accessible from both a main article on the home page and in the menu section at the top under ‘Features’. My website will also feature a pop up on visiting, encouraging viewers to subscribe to create exclusivity for certain members to different articles. 

How do you intend to link your media products to demonstrate your knowledge and understanding of the digitally convergent nature of your media production? (approx. 100 words)

The cover will be largely displayed at the bottom of the home page to encourage audiences to buy an issue of the magazine. There will be a consistent use of brand identity throughout both website and magazine, the magazine will have a call to action link to the website on the contents page promoting readers to read more on the website, the contents page will also have a qr code that takes you directly to the website. Website will include advertisement to link to magazine and relevant to the music industry/ audience viewership.

links/ technical research

If you do any research into locations, actors/models, technical tutorials (e.g. how to use photoshop, how to use the camera etc.) it should have a separate post in this section.

Remove and Replace BackgroundAdobehttps://www.adobe.com › adobe › photoshop