Production planning for website

Proposal 

Website Title

http://www.MrBottles.com

Who is the website for? 

Mr Bottles company

What is the website going to be about?

This website is about cleaning bottles. They have facts about people stories of being bottle collectors from when they first started or how they have given up bottle collecting.

Give a short description of all the pages of the website, what they will contain, and their relevance or benefit to the client

Galleries: This will contain: a header with a menu in the top middle, logo in the top left, the background will have a desk, when the page loads there will an animation, after the animation has happened the bottles that have to pages will smash and say coming soon. At the bottom of the page it will have a copy right disclaimer. Also the mobile will be similar with the logo in the middle.

Switzer: In the header this will contain a menu which is consistent throughout the pages, the logo will be in the top left, and there will a title saying “Switzer”, below that there will be a list of all the different Switzer bottles with a picture of it.

Medicine: In the header this will contain a menu which is consistent throughout the pages, the logo will be in the top left, and there will a title saying “Medicine”, below that there will be a list of all the different Medicine bottles with a picture of it. there will also be a copyright disclaimer. on both of these pages.

Bottle cleaner: There will be the menu at the top as always, in the middle there is going to be facts about bottle cleaning,  the logo will be in the top left, there will be social media links in the bottom left, and there will be a copyright disclaimer below the facts at the bottom of the page.

News: This will redirect you to the twitter news page where it will be updated.     

Need an appraisal: In the top left there will be a logo, in the top middle there will be a menu with buttons, in the middle page there will be text about the appraisal, PDF file for the appraisal, in the bottom left there will be social media links.

About us: The header will be consistent with the logo and menu, in the middle there will be a few lines of text telling you facts about the company and what they do, in the bottom left there will be social links, and in the bottom middle there will be a copyright disclaimer.

Contact us: The header will be consistent with the logo and menu, in the middle there will be your options that you will have to do to send them an email if you have any issues, in the bottom left there will be social links, and in the bottom middle there will be a copyright disclaimer.

Give an indication of the time schedule and when you hope to deliver the website by

The work will be handed in by the 21st of June 2017

 Mind map of ideas for the website

Mind map.png

The group who helped with the mind map:

Jake Bidemead

Sam Swift

Michael Sutherland

Steven Lake

 

Equipment needed to make the website 

Equipment needed website unit

equipment_needed <——– Editable link

Wire frame 

This is just a basic mock up of where thing are in my website going to be.

Desktop version pages

This slideshow requires JavaScript.

I forgot to change some of the menu buttons. The original ones are: Galleries, Bottle Cleaner, Need an appraisal, About us and Contact us.

Mobile version page

Screen Shot 2017-05-22 at 14.50.14.png

Ipad version page

Screen Shot 2017-05-22 at 15.01.33.png

Client feedback 

18678981_10203013651498694_858253285_n

Production schedule

Production schedule.PNG

Meeting Minutes

meeting minutes.PNG

Web Production Diary

Title of production: Website design

Name: Sam Swift

Day/Date: 26/05/17

Notes/Comments: 

This week I managed to get all the planning done for the website design including all the graphics made, also I’ve done all the text for the website. Next week I am planning to get most of the website finished e.g. header, footer, and animations added onto the website.

Graphics design

Animations

Bottle-animation.gif

This is the bottle animation I made like on the main website.

Logo

Logo.gif

all I did for this is add rotation to the spinning Circle. Just refresh the page for it to start spinning.

Fonts

For the main title font

Capture 2.PNG

Text font but in white.

Capture 3.PNG

Background

Old background.jpgBackround.pngDesk view.jpg

Folders screenshots 

This slideshow requires JavaScript.

all of the text in the website I am keeping the same including some of the photos.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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

Create a free website or blog at WordPress.com.

Up ↑

%d bloggers like this: