SlideShare a Scribd company logo
1 of 8
Unit 65-Uses and Principles of
Web Animation for Interactive
Media (Task 1-Investigate the
  uses of Web Animation)
Banner Ads
The following example of an advertising banner is taken from the Gamestation website where it advertises the latest games and
gadgets that are used for games consoles as of today. It also includes a state of animation within the advertising banner where the
products are displayed within a sequence of numbers in order to individually display the latest products that are being shown
within the Gamestation website. Overall, I feel that the colour scheme that is used within the advertising banner of the
Gamestation website matches the overall theme and it is suitable towards its target audience which is gamers. However, rollover
colour effects may need to be taken into consideration as an additional feature within the advertising banner of the site that helps
to sustain the overall theme for the Gamestation website.
Animated Interface Elements
The Simpsons website for instance, makes use of interactivity right from the word go where it shows the Simpson’s logo itself and
it includes a preloader that is designed as a donut which gives users an indication that that the website is being uploaded. It also
shows an illusion of movement throughout the main parts of the navigation system within the site. For example, I navigated from
the home button to the about button and during this process it shows an illusion of movement within the motion picture of all of
the features that are involved within The Simpsons website.
Linear and Interactive Animations
For the XGamestation website it does involves features that are passive on the computer screen that cannot be controlled by the
users. For instance, the Hot News! section displayed within the top-centre of the site shows movement of the text moving to the
right hand centre of the screen which allows users to access more information on the headlines stated within the Hot News
section of the XGamestation website. In terms of the interactive elements it integrates an outline of the recent animated game
demos where there are links provided just underneath the motion picture of the games. As a whole I feel that the colour schemes
reflect the layout of the site and it utilises animation very well within mainly all of the XGamestation website and it does resemble
the overall theme of the site.
Promotion
On the bmw.com website I have found that just recently it has released the new BMW 3 series touring where there is a link
provided so that users can view more information of this particular promotional product within the BMW website. It also exhibits
it own unique brands and models of the BMW cars as well in which users can view the latest and exciting car models all related
towards the BMW site. On the whole, I think that the BMW advertises it products very well and users are able to easily access the
more recent promotions throughout the BMW website. Furthermore, I feel that the colour scheme does fit in well within the
BMW website and the overlays do follow the pattern of the theme within the BMW site.
Instruction
I have found that on the bsapp.com website it provides a wide range of options for any type of academic purposes that are either
listed by using arrow symbols or they are graphically scattered within certain areas of the computer screen. It also operates with
the Sapp’s Instructional Website’s site map where users are able to navigate backwards and forwards throughout the bsapp.com
website. On the whole, I feel that the bsapp.com website has integrated its own colour scheme very well throughout all of the
interactive content within the site and it also displays its own slogan as well so that it becomes identical towards anyone accessing
the bsapp.com website.
Information
For the marksandspencer.com website it gives users details on that latest discounts for all children whether its male or female.
For example, 20% off the kid’s and baby clothing from Thursday 13th September to Saturday 15th September. It also shows the
Autumn Arrivals from Per Una for women and the New Season Collezione for the men as well where users from both genders
can shop within these sections to find out more about the latest products. As a whole, I feel that the marksandspencer.com
website does make use of the appropriate colour schemes that flow well within the overall theme of the site. However, their
could have been colour rollover effects applied towards the discount advertisements as illustrated below so that it keeps in touch
with the whole theme of the marksandspencer.com website.
Entertainment
The hmv.com website obtains a wide range of technological devices such as, DVD, Blu-Ray Disc, CD and Nintendo Wii etcetera
which are divided into categories such as, Film, Music and Games etc. It also shows the most popular movies, music and more
where these will be coming out in the month of September 2012 and additionally you can by 5 Blu-Ray Discs for £30 in which
supplements the advertisements of movies. In general, I think that the hmv website makes efficient use of the colour scheme that
helps to resemble the overall theme of the site and it effectively uses colour effects throughout the whole of the website as well.
The only criticism is that the anchors that are displayed underneath the navigation bar could do with colour rollover effects so
that it fits in with the rest of the colour scheme within the hmv site.

More Related Content

More from BenT1990

Task 5 assets table for the ict-creative media digital video
Task 5   assets table for the ict-creative media digital videoTask 5   assets table for the ict-creative media digital video
Task 5 assets table for the ict-creative media digital videoBenT1990
 
Task 3ii team proposal presentation
Task 3ii   team proposal presentationTask 3ii   team proposal presentation
Task 3ii team proposal presentationBenT1990
 
Task 2ciiiii justifying the ideas for the creative media digital video project
Task 2ciiiii   justifying the ideas for the creative media digital video projectTask 2ciiiii   justifying the ideas for the creative media digital video project
Task 2ciiiii justifying the ideas for the creative media digital video projectBenT1990
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief reportBenT1990
 
Task 5 evaluation for the creative media digital video project
Task 5   evaluation for the creative media digital video projectTask 5   evaluation for the creative media digital video project
Task 5 evaluation for the creative media digital video projectBenT1990
 
Task 4ii minutes - creative media digital video end of project meeting
Task 4ii   minutes - creative media digital video end of project meetingTask 4ii   minutes - creative media digital video end of project meeting
Task 4ii minutes - creative media digital video end of project meetingBenT1990
 
Task 4ii agenda - creative media digital video end of project meeting
Task 4ii   agenda - creative media digital video end of project meetingTask 4ii   agenda - creative media digital video end of project meeting
Task 4ii agenda - creative media digital video end of project meetingBenT1990
 
Unit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientUnit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientBenT1990
 
Unit 4, 5 and 62 communication log
Unit 4, 5 and 62   communication logUnit 4, 5 and 62   communication log
Unit 4, 5 and 62 communication logBenT1990
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62BenT1990
 
Task 4iii minutes - creative media digital video production meeting
Task 4iii   minutes - creative media digital video production meetingTask 4iii   minutes - creative media digital video production meeting
Task 4iii minutes - creative media digital video production meetingBenT1990
 
Task 4ii agenda - creative media digital video production meeting
Task 4ii   agenda - creative media digital video production meetingTask 4ii   agenda - creative media digital video production meeting
Task 4ii agenda - creative media digital video production meetingBenT1990
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62BenT1990
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62BenT1990
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief reportBenT1990
 
Swot analysis
Swot analysisSwot analysis
Swot analysisBenT1990
 
Client proposal for creative media digital video
Client proposal for creative media digital videoClient proposal for creative media digital video
Client proposal for creative media digital videoBenT1990
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62BenT1990
 
Task 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectTask 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectBenT1990
 
Task 2iii editing the digital video for the creative media project
Task 2iii   editing the digital video for the creative media projectTask 2iii   editing the digital video for the creative media project
Task 2iii editing the digital video for the creative media projectBenT1990
 

More from BenT1990 (20)

Task 5 assets table for the ict-creative media digital video
Task 5   assets table for the ict-creative media digital videoTask 5   assets table for the ict-creative media digital video
Task 5 assets table for the ict-creative media digital video
 
Task 3ii team proposal presentation
Task 3ii   team proposal presentationTask 3ii   team proposal presentation
Task 3ii team proposal presentation
 
Task 2ciiiii justifying the ideas for the creative media digital video project
Task 2ciiiii   justifying the ideas for the creative media digital video projectTask 2ciiiii   justifying the ideas for the creative media digital video project
Task 2ciiiii justifying the ideas for the creative media digital video project
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief report
 
Task 5 evaluation for the creative media digital video project
Task 5   evaluation for the creative media digital video projectTask 5   evaluation for the creative media digital video project
Task 5 evaluation for the creative media digital video project
 
Task 4ii minutes - creative media digital video end of project meeting
Task 4ii   minutes - creative media digital video end of project meetingTask 4ii   minutes - creative media digital video end of project meeting
Task 4ii minutes - creative media digital video end of project meeting
 
Task 4ii agenda - creative media digital video end of project meeting
Task 4ii   agenda - creative media digital video end of project meetingTask 4ii   agenda - creative media digital video end of project meeting
Task 4ii agenda - creative media digital video end of project meeting
 
Unit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientUnit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the client
 
Unit 4, 5 and 62 communication log
Unit 4, 5 and 62   communication logUnit 4, 5 and 62   communication log
Unit 4, 5 and 62 communication log
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62
 
Task 4iii minutes - creative media digital video production meeting
Task 4iii   minutes - creative media digital video production meetingTask 4iii   minutes - creative media digital video production meeting
Task 4iii minutes - creative media digital video production meeting
 
Task 4ii agenda - creative media digital video production meeting
Task 4ii   agenda - creative media digital video production meetingTask 4ii   agenda - creative media digital video production meeting
Task 4ii agenda - creative media digital video production meeting
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief report
 
Swot analysis
Swot analysisSwot analysis
Swot analysis
 
Client proposal for creative media digital video
Client proposal for creative media digital videoClient proposal for creative media digital video
Client proposal for creative media digital video
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62
 
Task 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectTask 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video project
 
Task 2iii editing the digital video for the creative media project
Task 2iii   editing the digital video for the creative media projectTask 2iii   editing the digital video for the creative media project
Task 2iii editing the digital video for the creative media project
 

Task 1 investigating the uses of web animation

  • 1. Unit 65-Uses and Principles of Web Animation for Interactive Media (Task 1-Investigate the uses of Web Animation)
  • 2. Banner Ads The following example of an advertising banner is taken from the Gamestation website where it advertises the latest games and gadgets that are used for games consoles as of today. It also includes a state of animation within the advertising banner where the products are displayed within a sequence of numbers in order to individually display the latest products that are being shown within the Gamestation website. Overall, I feel that the colour scheme that is used within the advertising banner of the Gamestation website matches the overall theme and it is suitable towards its target audience which is gamers. However, rollover colour effects may need to be taken into consideration as an additional feature within the advertising banner of the site that helps to sustain the overall theme for the Gamestation website.
  • 3. Animated Interface Elements The Simpsons website for instance, makes use of interactivity right from the word go where it shows the Simpson’s logo itself and it includes a preloader that is designed as a donut which gives users an indication that that the website is being uploaded. It also shows an illusion of movement throughout the main parts of the navigation system within the site. For example, I navigated from the home button to the about button and during this process it shows an illusion of movement within the motion picture of all of the features that are involved within The Simpsons website.
  • 4. Linear and Interactive Animations For the XGamestation website it does involves features that are passive on the computer screen that cannot be controlled by the users. For instance, the Hot News! section displayed within the top-centre of the site shows movement of the text moving to the right hand centre of the screen which allows users to access more information on the headlines stated within the Hot News section of the XGamestation website. In terms of the interactive elements it integrates an outline of the recent animated game demos where there are links provided just underneath the motion picture of the games. As a whole I feel that the colour schemes reflect the layout of the site and it utilises animation very well within mainly all of the XGamestation website and it does resemble the overall theme of the site.
  • 5. Promotion On the bmw.com website I have found that just recently it has released the new BMW 3 series touring where there is a link provided so that users can view more information of this particular promotional product within the BMW website. It also exhibits it own unique brands and models of the BMW cars as well in which users can view the latest and exciting car models all related towards the BMW site. On the whole, I think that the BMW advertises it products very well and users are able to easily access the more recent promotions throughout the BMW website. Furthermore, I feel that the colour scheme does fit in well within the BMW website and the overlays do follow the pattern of the theme within the BMW site.
  • 6. Instruction I have found that on the bsapp.com website it provides a wide range of options for any type of academic purposes that are either listed by using arrow symbols or they are graphically scattered within certain areas of the computer screen. It also operates with the Sapp’s Instructional Website’s site map where users are able to navigate backwards and forwards throughout the bsapp.com website. On the whole, I feel that the bsapp.com website has integrated its own colour scheme very well throughout all of the interactive content within the site and it also displays its own slogan as well so that it becomes identical towards anyone accessing the bsapp.com website.
  • 7. Information For the marksandspencer.com website it gives users details on that latest discounts for all children whether its male or female. For example, 20% off the kid’s and baby clothing from Thursday 13th September to Saturday 15th September. It also shows the Autumn Arrivals from Per Una for women and the New Season Collezione for the men as well where users from both genders can shop within these sections to find out more about the latest products. As a whole, I feel that the marksandspencer.com website does make use of the appropriate colour schemes that flow well within the overall theme of the site. However, their could have been colour rollover effects applied towards the discount advertisements as illustrated below so that it keeps in touch with the whole theme of the marksandspencer.com website.
  • 8. Entertainment The hmv.com website obtains a wide range of technological devices such as, DVD, Blu-Ray Disc, CD and Nintendo Wii etcetera which are divided into categories such as, Film, Music and Games etc. It also shows the most popular movies, music and more where these will be coming out in the month of September 2012 and additionally you can by 5 Blu-Ray Discs for £30 in which supplements the advertisements of movies. In general, I think that the hmv website makes efficient use of the colour scheme that helps to resemble the overall theme of the site and it effectively uses colour effects throughout the whole of the website as well. The only criticism is that the anchors that are displayed underneath the navigation bar could do with colour rollover effects so that it fits in with the rest of the colour scheme within the hmv site.