LO2 - Technical Learning

HTML - Hyper text markup language
HTTP - Hyper text transfer protocol

I Learnt many different basic skills.
I will use all of these on my website.
CSS is important because use of colour is important.

LO2 - Wireframes

Home -
The aspects on the home page are, a slide show of featured images/products
and an introductory video featuring a paragraph text explaining about the website
also a navigation bar on the side including a header at the top featuring social network links, a search bar, a sign in button, and a 'basket'

Shop

In the shop the navigation bar explain expands to a hydraulics section and a royal armouries one
there is a photo, and name and price of each toy with a photograph, and also below the header there is a banner saying Hydraulics or  Royal Armouries.

Shop in Detail

here on this page we have the basic layout transferred from previous pages which gives a structure to the page, here we see a large image of the product clicked on when on the previous page, the name of the toy and info about it including shipping information and wether it is in stock or not

and also features a carrousel of similar toys the costumer may like to buy

this is the where to find us & contact us page, here shows a man of the location of the shop/ warehouse, with detail like telephone, email, web address, street address. also has the basic layout of the page and the nav bar being able to return to the previous or other pages

here is the page that you are taken to when purchasing an item, you have the option to log in for returning costumers or create and account for new costumers, or to continue as a guest for people who don't want to create an account. 

here is the basic blog page where each blog post from the admin is posted and the costumers have the ability to like or comment on each post and once again is the basic frame for the website so that you are able to navigate to other pages.

LO2 - Basic Coding

this is an example of basic coding, it starts of with an open html, the head, title, closed title, style, closed style, closed head, body, p, closed p, closed body and then the closed html. this is a basic structure for all webpages.

Small Machines Notes

Website
smallmachinesuk@gmail.com

FUN PALACES

Really good Photos/videos throughout
photos taken in childs bedrooms eg
-products
-machineary
-studio
-toys being used

FSC WOOD
unbleached cardboard

pages for
 - royal armouries range
- hydrologic toys
- blog
- shop (controll over new pictures, discount codes, stock levels)
- youtube channel link (explaining how to build etc)
- contact

(eco aspect, low carbon foot print, sustainability)
based in the UK, sheffield made
( Lifestyle )

mobile phone access as an editor

on insta @mistergilesgrover
@smallmachinesuk
likes pipomorni
not british cycling

royal armouries hyperlinks to their shops

LO2 - DeadLines (Small Machines) RELEVANT LAUNCH DATE

Planning & client feed back, Technical learning -> 16th October
All construction -> 15th November
Full Deadline -> 30th November

LO1 - Feedback

LO2 - Planning a Multi Page Website - Content

c) Content

LO2 - Planning a Multi Page Website - Audience

b) who do you think your audience is

the audience for the Small Machines website is very diverse as there is a split between parents and children. therefore parents would purchase them for the children and need to be more engaged with the content. it is split exactly for male and females, the social grade would be ABC1 as wooden toys are quite a specialist product. also there would be large range of ethnicity. the age for the target audience is from 3-12 and from 27-45.

LO2 - Planning a Multi Page Website - Purpose

a) what is the purpose

the purpose of the Small Machines website would be to show their audience there products and wether they are available or not, store locations, about the company and their history, and how to contact them. they do this by having specific pages like an account page, where customer can view their online 'basket' and which products are in their, and also view delivery options and other aspects of purchasing.  Pages featuring their products would be purposeful as they show their products in depth and with selling prices and availability which helps the costumer wether to purchase the products as it is all about making revenue.

LO2 - Starter Task

Small Machines – promotional website for ‘Small Machines’ range of wooden toy kits.

There are five learning outcomes for this unit:


LO1: Understand a range of commercial websites
LO2:.Be able to plan the development of a multi-page website
LO3: Be able to create a new multi-page website
LO4: Be able to conduct target audience user testing on their new functional multi-page website
LO5: Be able to evaluate their new functional multi-page website

Small Machines

- Product
- About Company/ History
- Product Pictures
- Shopping Page
- Account Page
- My Basket
- Store Locator

LO1 - Analysis of Amazon

a) Purpose & Target Audience

the purpose of amazon is being able to sell and buy things at a fixed price from retailers and amazon market place and has perks like amazon instant and amazon prime which allows you to have next day delivery on thousands of products. the target audience of amazon is 18-60 male and female in the AB demographic

b) visitor needs
the reason people visit Amazon is to successfully purchase or view items they are interested in buying. there is a large range of products from lawn mowers, dog collars or a lamp. the user is able to search categories to find the correct item


c) info flow/ user experience
the website is deigned in such a way that it makes it clear, easy and readable for the user to experience. purchasing can be simple and even made quicker with 'one click' buying of products fulfilled by amazon. below the header you find the navigation bar and also a search bar which allows customers to look deeper into the catalog.

d) features

some of the features on this web page are, scroll bars, navigation bar, search bar and many others. each is similar to amazons colour scheme and layout meaning none of them are too bold or in the way and they are all appropriately sized and viewable. the website home page is mainly to show previous products you bought and be able to buy them again with text and thumbnails linking you to that products by using Web 3.0 which remembers past page views. also there are not many visuals so that this means there is no radio buttons.

e) Benefits
There are many subsidiary companies within Amazon, therefore meaning that many people can make profit from using Amazon. like ebay you can sell things yourself in the market place. Also the company itself makes profit from things such as Amazon Prime which is a service that gives them benefits and priorities over general users. It is clear that the benefit for the audience when it comes to Amazon is that they can buy a huge variety of things for often a lower price than they could in a shop. 

f) Content
a clear chane with amazon is its product range, as it just use to be a book retailer it has now vastly expanded to selling many other products aswel as books. over the years the amazon logo has stayed the same but the amount of graphics and radio buttons along with the slide shows has been improved to be more interactive

LO1 - Analysis of Twitter

a) Purpose & target audience

the purpose of twitter website is to connect people from many parts of the world through having personal accounts and 'tweeting' different things within a 140 word count limit, the target audience is for people aged 16-30.

b) visitor needs
the reason people use twitter is because its a way to post opinions, feelings, socialise and interact with other people, this is good as it helps people in different ways and also allows companies to interact with coutomers quickly.


c) information flow

the audience is able to create a tweet by clicking the compose button in the top right side of the screen, you can have upto 140 characters in a tweet and also use emoji's and symbols. you can add photos and GIF's and also video clips to tweets. on the tweet there are options to favorite, reply, or retweet what the person has said and that all relates to the social aspect of twitter

d) features

twitters side included many different interactive parts to that the site is made more enjoyable for its audience. the header at the top of the webpage contains the logo for the company which makes then look unique as there is no other registered company like them. in twitter the symbol for the search bar is represented by a magnifying glass. along with a quill and box for the compose button, a star to favourite tweets and many others. the house style is represent by the dual colour scheme as it uses a pale blue and white which makes the website unique, the website has more social features such a private messaging and #'s

e) benefits

the benefits for the producer are profit through advertisement as twitter is free to its users. for the users its benefitical becuase they can tweet whatever they like which is approtiate to be posted on the internet, they are entertained by accounts and they can socialise with friends


f) content

twitters well known brand logo is using the bird which is included in is logo, they use scroll bars for the webpage and also within the webpage. the blue colour screem runs throughout even though each account can personalise it.

LO1 - Analysis of Netflix

a) Purpose & Target Audience (DOWNLOADS)

the purpose of the Netflix website is to allow its audience to stream films and tv shows within the website and there choice is according to their country. The target audience for Netflix is people aged 16-30

b) Visitor Needs

the reason the audience would visit this website is to be entertained by being able to search films from different categories and genres by streaming the film or TV series and they are able to do this 24/7

c) information flow/ user experience

the website is set out so that it is efficient way so that the audience can find what they're looking for quickly and with ease. there is a large scroll bar at the side of the page and within the page itself is thumbnails attracted to sliders of all the different films and tv series. for example there is a 'popular on Netflix' categories,  a 'trending now' category, and also a large range of others relating to film and tv series you have watched this makes it a lot easier to find similar films you will like. each thumbnail is hyperlinked and therefore takes you straight to the film which means  there effort used to watch the film is very minimal


d) Features

like most websites Netflix has a scroll bar to which helps guide you up and down the page, there is also a header which includes the logo for Netflix. there is a search bar, navigation bar, and drop down menu. since this website is for streaming media, it offers, play, pause, fast forward, and rewind buttons to play the actual content chosen. this website widely uses Web 3.0 as it remembers previous films and tv serious watched so that it can recommend similar titles, for example if you watched Jackass 2, it may recommend Jackass 2.5

e) benefits
with Netflix the benefits for the producer is that they get a huge amount of income from the films and featured films and subscription fee's, since Netflix has 65.55 million users, then it creates a large amount of revenue. the benefits for the audience are that they get to be entertained by enjoying different types of media at a low price 24/7.

f) content
the Netflix website is quite new and only 18 years old, recently it has become extremely popular with the teenage audience due to what films and series it offers. the lay out changes frequently but always with holds modern feel to it with the use of scroll bars and colour theme. even though the logo has changed throughout the years it has not been a drastic change. on the webpage there are many thumbnails and hyperlinks to view the correct content. this makes the website have a very sophisticated look.

LO1 - Analysis of IMDB

a) Purpose & Target Audience (ADVERTISING)

the purpose of the IMDB website is to educate and inform its audience about upcoming films, and other information regarding actors, scenes, ratings and trailers. the target audience for IMDB is male & females aged 30-70 in the ABC1 demographic

b) Visitor needs

the IMDB website full fills the needs of its audience by having a search bar and a navigation bar with different categories to help the audience quickly navigate around the website with ease jumping from page to page and thumbnail to thumbnail

c) information & user experience

IMDb (Internet Movie Data base) has a very modern layout where it causes the feel to be not very professional but quite formal and relaxed.  it is very easy for the audience to use as the categories to browse are very clear, along with the search & navigation bar. when first on the website, there are quite a few eye catching aspects where as this leads the audience to further investigate certain articles.

d) Festures
the first aspects of the IMDb website we see when loading it is the large thumbnails of the new and upcoming movie trailers which are therefore hyperlinked to the corresponding page. the banner on the webpage include a logo, nav bar, search bar, and radio buttons which are the facebook/ tiwtter icons which are hyperlinked to the page. there is also a login option where you can create and account which allows you to leave reviews and many other things. there is a scroll bar where it allows you to browse the page if there is more content. the website has a large mix of images and text which keeps the audience interested.

e)

for the producer the benefits of IMDB are providing a free service which entertains the public, but they also make profit from advertising differfeny film servieses and streaming services. the benafit for the audience is that they are able to look up many different films and also view reviews ratings and showing times which helps them decide wether to purchase or view the film.

f)

IMDb was launched in 1990 and ever since then it has changed drastically year by year. the logo on the page has stayed very similar for many years by not changing font or anything else applicable. the navigation bar is currently black and white where as the previous one was blue with white writing. there are a lot more thumbnails and images which makes the audience more attracted to certain features, there is a scroll bar, and a box with a scroll bar within.

LO1 - Analysis of BBC

a) Purpose & Target Audience (INFO)
The Purpose of the BBC News website, is to inform and educate its audience. It has specific articles aimed at news throughout different counties and area's of the countries, and also world wide. it covers many different types of news ranging from politics to economical. the target audience for the BBC News website are male & females aged from 35-60

b) Visitor Needs
On the BBC News website, it attracts people to view the website by having the main and popular articles of the day displayed on the front page and also has the search bar to then search for current news articles seen on tv and wanting to further investigate the subject and other similar articles

c) Information flow/ user experience
The user interface for the BBC is exceptional compared to other websites as it takes little ease to access main articles as they are displayed on the home page which is the first that you can access. also the BBC have made it easier by including a search bar in their website so that their audience can find articles and vlogs from the past or many other subjects.

d) Features
The BBC has many features. simular to many websites, there is a search bar, navigation bar and a drop down menu. Theres feature make it a lot easier for the audience to navigate around the website. There's a header which is where all these features are placed and the BBC logo is there as well which shows the audience a first impression of the website. Due to it being quite a seriously established website, the general organisation is very professional, therefore connoting an efficient and formal tone to the this professionally established website. There can normally be video/audio content within this website as some articles include videos to go along with the text. This therefore means that there will also be control buttons in order to play/pause the video. Also there is a feature where you can create a BBC iD, which is interactive and possibly a social feature.

e) Benefits
 The producers get the benefit of getting through to a huge market 24/7 therefore giving them lots of publicity and a positive reputation by having the website available all the time around the world.
BBC website engages, entertains and informs people, which is the benefit for the audience, as they are getting a service that provides those things. but sadly the website is not free as the funding comes from the government and TV licence fee's

c) Content
The BBC website was founded in 1994, and the content/design has changed drastically throughout the years with many different layouts. Currently the website has a navigation bar which is used as the header along with the search bar, when the older version only happened to have the search bar, then category options down the left hand side. The navigation bar along the top connotes a classier theme and suggests that the website is definitely more formal and modern. One thing which is very clear from the image of the older web page is that the size of web page has gotten a lot bigger, to then fit the screen resolution as they have grown over the years, therefore meaning that nowadays you can fit more content on the homepage of a website. The hyperlinks are also not noticeable on the newer webpage, whereas you can clearly see the blue hyperlinks included on the older webpage as the format was quite hard to change. One of the things that has remained quite constant is the logo, staying as three separate boxes with the letters 'BBC' in each.

LO1 - understanding a range of contrasting commercial websites

a) Purpose

(Information) public service, education, news
(Advertising) products, film, programme
(E-Commerce) Shops
(Downloads) music, films, recourses
(Social Media) networking, citizen, journalism








b) Visitor

c) Information

d) Features

e) Benefits

f) Content