SlideShare une entreprise Scribd logo
1  sur  20
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
For the website called “iHostels” I will be illustrating and explaining how users can book
places for Australia hostels and other resources that are available within this continent such
as, Hotels, Tours, Travelling and Places to Visit etc. I will have to wisely consider the
audience in which the “iHostels” website will be aimed at. It will also allow them to gain
access towards the hostels within different areas of Australia for example, Sydney,
Melbourne and Western Australia etc.

The main target audience for the “iHostels” website is Oz Backpackers who are interested in
exploring different aspects in relation to the hostels that are provided within Australia. Due
to the increase in the price sale and VAT (Value Added Tax) for a hostel it will be more likely
to be aimed at Adults but some hostels could be bought cheaper as explained above.

Client Requirements:

Amount of pages:

Accordingly to what the client has stated he would like a minimum of 6 to 8 webpages if I
am to be aiming to achieve a Merit/Distinction level grade. So in order to do this I am going
to produce 8 functionally working webpages which will be kept in mind whilst creating the
iHostels website. I should also take into consideration the amount of pages to be created
and discard the one that are not as important.

Necessary Banner:

For earlier production work of the interactive elements I was asked to produce a banner
that mainly advertises that hostels that are available within Australia. Once you access the
booking ihostels webpage it enables you to navigate towards certain website in order to buy
the ihostels.

Navigation Bar:

The navigation bar must be customised within the iHostels website in which the client has
required it to be suitably formatted and presented. The overall colour scheme will need to
fit in with the house style and the theme. It should clearly show all of the content within the
structure of the navigation bar of the iHostels website so that it enables users/customers to
access the features in the website with ease.

Background:

The backdrop colour image of the iHostels website must be adequate for the overall house
style and layout. The background image must fit in with the whole colour scheme and not
distracting the client’s attention. So in order to keep their attention onto what the website
has to offer; the background should preferably be subtle and complimentary of the main
layout of the iHostels website.
Ben Turner            Unit 65 – Web Animation for Interactive Media                11/12/12
                        (Client Proposal for the iHostels website)
Colour Scheme:

The colour scheme should be limited by mixing a small range of matching colours together
such as, Light-Blue and Red in order to make it look professional. The client has mentioned
that the colour scheme must remain consistent throughout all of the pages within the
iHostels website. So therefore, all of the colour schemes that have been chosen by me will
not be altered.

The client has also required customised logo graphic that will clearly link throughout the
iHostels website where this was produced within the Adobe Photoshop CS5 software
application.

The iHostels website must clearly involve an admiring, but yet restricted, colour scheme
where this means I have to ensure that I only use a few colours that makes the site look
professional, therefore it should resemble the whole theme of the iHostels website. The
client has mentioned vital information in that the website colour scheme and layout of the
iHostels website must remain consistent throughout all of the webpages so that it gives a
sustainable visualisation of the iHostels website.

Web Graphics:

The iHostels website will need to contain lots of appropriate web graphics accordingly to
what the client has stated through class discussion so that it is eye-catching towards the
audience that the iHostels website is aimed at and it also helps to create a good website
design. For my leisure product site, I will be thinking about including images that have been
ready-made within the Adobe Photoshop CS5 software application such as, the Logo
Graphic for the iHostels website and that have been originally made by other authors or
creators of an existing hostels website within Australia.

Rollovers:

The client has also require me to apply multiple rollover objects for my iHostels website
since the client is really keen on the way this could have an effect on the outcome of
producing good websites, so therefore I will have to make sure that a loads of these effects
are used throughout my iHostels website. In accordance, to the research I did for 3 related
websites which were the following YHA Australia, The Australian Web Awards 2012 and
MacTalkwebsites where they all used similar rollover effects and I have to say they work
extremely well on the e-commerce sites. They can be easily embedded into graphical
buttons on the navigation bar and with other types of images etc.
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
Links:

Throughout the iHostels website there will be a range of different hyperlinks to be used
within the site where this will include the following: Button Links. These interactive features
should not be too difficult to be integrated within the iHostels website since graphic links
will be implemented within the iHostelswebsite’s navigation bar anyway, the button links
can be used for things such as, `Booking iHostels` etcetera and the text links to be exploited
throughout all of the anchor points.

Layers:

Another requirement in which the client has specified is that my iHostels website should
contain some layers (or app divs as they can be referred to on the Adobe Flash Professional
CS5 software application). These can be done within the form of graphical content that is
amplified with text overlay and could be added to be homepage of the iHostels website.
Text overlays may not necessarily apply towards the iHostels website as the images and text
etcetera will be constructed properly as still content or within the form of tables as
described below in the next paragraph.

Animation:

For my iHostels website I will have to make sure that the site contains at least 2 elements of
animation, one of which is the “Tour Buses Animation” advertising how you can book a
place for transport, whilst other animated features can be allocated as a primary source
such as, a direct access route to the hostels through the website banner. The client has also
stated that he wants the animation to be kept strictly unique and therefore I will have to
bear this in mind when creating/searching for the animation aspects for the iHostels
website.

Text:

As far as the text goes within the iHostels website, it is needed to be suitably formatted with
a font of sans or sans serif. For example, Ariel, Verdana or Comic Sans in which they were
given by the client so by making use of one of these fonts for the iHostels website will
probably be a good idea. For my 6 interactive elements they will stand at a Calibri font
between sizes 14 pts up to 18 pts for the following: Advertising Banner, Navigation Bar,
Logo, Rollover Buttons and Animated GIF. All of the text edited by me will be standardised
at a Calibri (Font) where this will take place for the example fonts as stated within this
section.

Form:

The client has said that he wants the iHostels website to involve an active form that allows
customers to inputted their details inn when they checkout from the iHostels website.
Examples of details being collected from the customers are the following: Phone Number,
Email Address and Card Details etc.
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)
Email Address:

As part of the client’s requirements, I have decided to put an email link within the
Comments webpage for the iHostels website so that likely customers can send questions
related to specific products or taking in regard to anything else about the iHostels website
in general. This can be displayed near the end of the form as well where it allows you to
copy your details over to an email so that I can be sent to me the owner of the iHostels
website. In addition to this, the email link will obviously be placed within the Contact Us
webpage for the iHostels website.

Accessibility:

In accordance, to the client I need to supplement the functionality of the iHostels website
with valid alternate text and have a consistent layout for the font and colour so that it fits in
with the overall theme of the iHostels website.

Standardisation:

The iHostels website does need to contain a clear visualisation of standardisation for all of
the webpages meaning that the layout and page design need to be precisely the same
throughout the iHostels website. Any types of fonts and colours have to be exactly the same
throughout every webpage meaning that text within the product description for the Hostels
within Australia must be the same for every product advertised on the iHostels website,
images needs to be the same size and any anchors or hyperlinks need to be kept identical
towards the users of the iHostels website.

Audience Considerations:
The target audience in which my iHostels website is aimed at Oz Backpackers who are
interested in exploring different aspects in relation to the hostels that are provided within
Australia. Not only is just aimed at people who are interested in what the Hostels within
Australia have to offer but by the new technological developments it is also targets
customers who are able to dispose income on the facilities and resources within the
iHostels website since that they do not come cheap. In hindsight, young teenagers will not
be able to book a place for expensive Hostels in Australia products; therefore the iHostels
website will be aimed towards adults. More importantly, to take into consideration is that
the target audience in which my iHostels website is aimed at will possibly be interested in
creative and imaginative hostels design for example, the logo graphic and researching
imagesbased upon the hostels and other resources available in which will ultimately mean
that the way I construct the design of the iHostels website is crucial. They will want to look
for efficient and unique layout design in which this will make them think that the new
invention of Australia Hostels products have been carefully taken into consideration upon
producing the iHostels website.
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
Accessibility Features:

The accessibility aspects will need to be cover on my iHostels website for instance, pop-ups
on graphics, valid alternate text and a consistent use of font and a limited range of colours
as well such as, Orange, Light-Blue and Red colour schemes which are to be integrated
within the layout iHostels website. The pop-ups on the images could give supplementary
details about the picture, very much like within the layers that the client has requested for
this to be included within the iHostels website. Since a lot of text will need to be re-written
it is ideal that valid alternate text it put into place for users especially, for them who are
visually-impaired so that it makes it easier for them to understand the text within the
iHostels website. The consistent layout of font and colour should be straight-forward
enough to incorporate because the client requires these to be standardised anyway
meaning that they will need to be integrated throughout the iHostels website.

Ease of Use:

The prospect of having an e-commerce website is mainly based upon the amount sales and
products that are being sold within the iHostels website. This can only be made possible if
the user’s or customers can optimise the iHostels website functions and trust the site
enough in order to dispose income for at least one of the products and services that are
available for the iHostels website. So therefore, by having a clear navigation throughout all
of the webpages within the site is simple and easy to customers because it will help them to
navigate throughout all of the webpages within the iHostels website.

Resources:

Resources needed:

The kind of resources that could be used for the iHostels website involve things like
computer software applications such as, Adobe Flash Professional CS5 where I can only use
this computer facility within the CAMSFC (Cheadle and Marple Sixth Form College) in which I
have to bear in mind there is limited time to get this done nearby the mid-time of December
2012. I will also need interactive elements that have been created in the Adobe Photoshop
CS5 software application for example, Advertising Banner, Rollover Buttons Logo Graphic,
Navigation Bar and Animated GIF. In addition to this, I would also need to refer to the
storyboard sketches that were produced before putting together the iHostels website.

Type of Resources you will use and where they will be found:

The sort of resources that I will be using comprise of a computer software application called
Adobe Flash Professional CS5 to create my iHostels website within the software application
(where this can easily be found click on the WINDOWS START MENU, then you select ALL
PROGRAMS, click on ADOBE MASTER COLLECTION CS5 and then select the ADOBE FLASH
PROFESSIONAL CS5 software application. (This is done accordingly to the illustrations
below…..)
Ben Turner   Unit 65 – Web Animation for Interactive Media   11/12/12
               (Client Proposal for the iHostels website)
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
I will also need the Adobe Photoshop CS5 software application for the production of the
interactive media assets such as, Website Banner etcetera (where this is available both at
home and in the CAMSFC (Cheadle and Marple Sixth Form College). This could also involve
basic animation being applied towards the images created within the Adobe Photoshop CS5
software application. Furthermore, I will be using the visualised storyboard sketches for my
iHostels website that will be used as a guide for how to layout the webpages within the site
in which they will be allocated in my work folder in the ICT suite in CO5. Any additional
tutorials for the Adobe Flash Professional CS5can be found on the College’s VLE (Virtual
Learning Environment) as shown below from the following URL web address:
http://vle.camsfc.ac.uk




Full details of Resources already created:

The resources that have already been produced are a few interactive assets which will be
used for the iHostels website. These comprise of the following: Advertising Banner, Rollover
Buttons, Logo Graphic, Navigation Bar and the Animated GIF for Tour Buses Animation. All
of the graphics collated will link together within the colour scheme, font and colour so
therefore it will sustain a standardised look throughout the iHostels website. When all of
the design work for the iHostels website is assembled as a whole then it all needs to be fully
functional as one website as opposed to many other parts within the site that don’t really
belong together. My chosen colour scheme that is to be used throughout the iHostels
website is Orange, Light-Blue and Red in which I do hope to produce a unique looking layout
and design that should attract attention from the target audience of Adults who are
interested in booking for place within Australia Hostels and other thing. (Screen prints of the
interactive elements produced are shown below…..)
Ben Turner   Unit 65 – Web Animation for Interactive Media   11/12/12
               (Client Proposal for the iHostels website)
Ben Turner   Unit 65 – Web Animation for Interactive Media   11/12/12
               (Client Proposal for the iHostels website)
Ben Turner   Unit 65 – Web Animation for Interactive Media   11/12/12
               (Client Proposal for the iHostels website)
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)

Conceptualisation:
The iHostels website does need to advertise a range of Hostels within Australia where it
should be appealing towards the target audience who are intrigued by the Australia Hostels
products at a range of different levels. An explicit layout will make sure that potential
customers can access the webpages and the products that they are looking to find fairly
quickly within the iHostels website. Indeed, the most essential aspect of any website is the
navigation, especially as it is for online advertising and selling of the products for the
iHostels website. Whereas, if there was no clear indication of navigation then “how will the
likely customers be able to navigate around the iHostels website?”. Buttons need to be
included which clearly link to the (restricted) colour scheme so that it attains the level of
distinction and trust between you and the customers who are viewing the iHostelswebsite.
Another key point is that the website is available for everyone to gain access to and
therefore help boxes maybe put in place which operate as rollovers. These could contain
supplementary data, reminders or even examples of how to use search boxes etc. By using
and integrating some helpful accessibility functions, this consequently means that the
iHostels website can attract a much wider audience as possible.

As far as devising a company name and a logo, I have come up with a few of my own design
ideas that have all been ready-made by me the creator of the iHostels website within the
Adobe Photoshop CS5 software application. My name that I decided to use is `iHostels`
which stands for (Interactive Hostels) are both vital pieces of information when it comes to
the subject of hostel products. I have done storyboard sketches on the 6 interactive
elements which are the following: Advertising Banner, Rollover Buttons, Logo Graphic,
Navigation Bar and Animated GIF before finally creating them all within the Adobe
Photoshop CS5 software application.

As shown below you can see images of how the designed logo will be incorporated within
the iHostels website. As you can clearly see, I have chosen to use waves and an official
looking branding of the iHostels logo that I produced in the Adobe Photoshop CS5 software
application and I do hope that the simplicity of this interactive feature will flow well with the
overall design and the idea of making the iHostels website look unique in which this is what
I am trying to achieve through the creation of the graphical designs for the iHostels website.
The sustainability of the colour scheme is the same throughout every webpage for the
iHostels website as it is part of the interactive assets as shown above in an attempt to
maintain the pattern of house style at all times within the iHostels website. I do want the
logo graphic to be appealing but yet not too complicated. In my point of view, the logo
graphic does fit it well within the iHostels website because it helps the users to identify who
the site belongs to.
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)




Visualisation:

During the period between the 27th November to the 14th December 2012 I have to ensure
that I keep in mind the overall house style and layout that I want to achieve for the iHostels
website. The site does need to be attractive towards the target audience and sell iHostels
products and additional facilities at the same time, so therefore I needed to be sure that it
was not to sway towards one or the other. The main aim for this is that I want people to
view the iHostels website and instantly know theme of the site and gain an understanding
of what the iHostels website is about. I do feel that this will be made possible if I include a
description about the new leisure products related to the iHostels website and put
hyperlinks on that are based around the products that are provided for backpackers within
Australia, but not just the Hostels itself. Maybe put underneath the descriptive text
captionsa range of illustrations will be put in in order to show the kind of hostels that are
available within theiHostels website. It is the kind of things like this that I think will endure
more customer satisfaction and help them to pay to maintain attention towards any sort of
online selling website.

I do want customers who view the iHostels website to put their trust into what is being said
and if they do purchase something from the website it is going to be official and that
everything has been done efficiently. It is important that I keep the written content to a
good level of English because it will attain the highest level of professionalism. There cannot
be any spelling mistakes or broken links because this will then add doubts as to whether the
iHostels website is worthy to operate with and the site could lose sales due to this course of
action.

See illustration below…..
Ben Turner            Unit 65 – Web Animation for Interactive Media                 11/12/12
                        (Client Proposal for the iHostels website)




Information Architecture:

Layout:

In terms of the layout for the iHostels website I want it to be very clear, easy to use and
professional looking. Every interactive asset does need to be thought out carefully so that it
all works together as normal rather than it being just thrown together all in one portion. I
would want the main body content of the iHostels website to be on the left with an
additional panel on the left-hand side for supplementary colour scheme which is: Orange.
The iHostels website banner should primarily be placed at the top in order to draw
attention from its audience since it does hold key information (such as, advertising a range
of Australia Hostels and embedding a link to the checkout point for purchasing products as
well.) As shown below it should outline where the main elements of the iHostels website
will be displayed. The navigation bar will be used to enable customers or users to navigate
around the iHostels website and the functions in order to purchase the iHostels products.
This must be clear and again make it operational with the other interactive features
surrounding it. (Therefore the width of the banner needs to be about the same width of the
navigation bar). As you can see below, there is a computerised design of what I wanted the
iHostels website to look like:




See image and annotations below…..
Ben Turner            Unit 65 – Web Animation for Interactive Media                   11/12/12
                        (Client Proposal for the iHostels website)

                                                           Navigation Bar (Buttons)




                                                    Main Page Content




                                                  Banner




Navigation:

The website has to contain a navigation bar that will obtain the primary links to the main
webpages for the iHostels website. These will be produced in a restricted, yet matching
colour scheme to suit the overall theme throughout the rest of the iHostels website and
also at a very effective size as well. The navigation bars have to stand out from the rest of
the features of the website because they are main forms of navigating throughout your site
meaning that possible customers do need to clearly visualise this part of the interactive
elements in other words they have to be able to see it clearly.


Within the iHostels website buttons obtained in a navigation bar should be the key links for
usability for the iHostels website. These can comprise of things for example, Home, Hostels
in Australia and Places to Visit etc. Anything that you want your target customers to find
needs to be allocated within that bar along with additional buttons as well such as, Contact
Us and Legal and Ethical Issues etcetera where these will be positioned right at the bottom-
left of the main body within the iHostels website. When a customer is viewing your site,
they will want to find out what you have to offer in terms of selling and how they can buy
the products being sold on the website. If they start to look more in depth into aspects of
the website they will want to be able to contact the site owner if they have any further
questions or enquiries relating to the products or the website itself etc.


E-commerce Facilities:

It is obviously an e-commerce website that should contain operating functions within the
website and these means certain options have to be provided by the customer. For
instance, add to basket, order forms and customer information needs to be on hand for
them since possible customers do need to phone the owner of the website if any purchases
for anything included within your organisation. If you only just miss of one of these features,
you can ultimately run the risk of not producing any sales and a large amount of customers
will be put off by this. So by this happening you can lose business, therefore the website is
not being operated at its full potential.
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)
Links to other sites:

Can be referred to as `Hyperlinks`is where anchors are used to help construct the navigation
system within the website which means that it can also direct customers around the site.
The main positive point about buttons is that they can be easily included within the
graphical rollover objects in which this means that they are possibly classified as being more
interactive and simple to recognise as an explicit button within the site. Nevertheless,
hyperlinks enable other websites to be linked and linking to other resources for example,
sites could contain price checkers where it will go up as highly ranked in my estimation. As
long as you acknowledge that the websites that you are putting links towards are much
worse in relation to the quality and price, then creating links to them can be a very good
thing. However, it is said in theory that any links within a website does draw the customer’s
attention away from the site which consequently leaves the website very vulnerable if the
customers do not decide to return to your website.


Legal and Ethical Considerations:
`Copyright` which is known as the Copyright Designs and Patents Act1988is a law that has
been governed within the UK since it was created that year in which it had been introduced
for two main reasons which comprise of, ensuring that creators of a multimedia product are
accredited for their endeavour and will also make sure some kind of protection is in place, if
work has ever been stolen from them. Before the invention of this act there was nothing
much that people could do legally if somebody else had stolen their work and make claims
of ownership of the interactive media product. The law primarily includes different types of
multimedia and it mainly focuses on protecting ICT work, particularly if anything is spread
publicity on the web that makes it a lot easier for someone to steal and claim it as their
own. The same applies towards imitating software applications, MP3 songs, Videos, Images
and Text etc. Any type of multimedia element that has been extracted from a source where
it has already been produced by someone you are then infringing upon the copyright law.
More details on the nature of the copyright law can be allocated on the following URL web
address: http://www.bbc.co.uk/schools/gcsebitesize/ict/legal/2copyrightrev1.shtml


The copyright law within the UK as of today is enforced automatically within multimedia
products that have been created meaning you do not have to apply or register since this
lasts for a lifetime and then for a further 70 years after the death of the creator. When it has
surpassed this time period, the ownership of copyright is normally passed down to the
recipients or the beneficiaries of an interactive media product. In some cases, the copyright
does not solely lie with the creator of a multimedia product but falls into the hands of
someone else which can prove to be hard to track down the copyright holder but if you do
exploit the primary assets of an interactive media product without the permission of the
creator or owner this can lead you into serious trouble due to violation of the copyright law.
The only person that is capable of reproducing their work in any medium by any other party
where work has been stored electronically is the copyright holder. The creators of an
interactive media product are able to retain copyright if they are commissioned to do any
kind of design work for their multimedia product which has been signified as an agreement
Ben Turner            Unit 65 – Web Animation for Interactive Media                 11/12/12
                        (Client Proposal for the iHostels website)
between both parties unless one of them state otherwise. On the other hand, if visual
creators are not just working for themselves whilst employed within a company, then the
employer/owner of a business is the one who maintains ownership of copyright for an
interactive media product.


With images in particularly for multimedia products you can always choose to use stock
photos, which are photos where the owner of copyright decides open them up so that they
can be freely used by the public. Every now and then, strict rules are applied as to when and
where the assets could be used so it is essential that you have read what the copyright
holder has stated. But having said that, you can also dispense income towards the assets
that means you have bought the right to use the images for an interactive media product
that you are producing.


Limitations are always put into place when you are working within any section of media in
regards to precisely what you can say or what you are allowed to do. They are purposely
used to protect people from any unpleasant remarks made for example, racist comments
which could be offensive to someone and furthermore generate more issues for the people
working with media as well. As opposite to the well-known belief, the internet is not a
resource that can be used to breach these rules. Due to nature of the usability of the
internet people are more likely to break the laws this way since it is all done very secretly.
Nevertheless, some things can be always be tracked which means they are not allowed to
be used, breached or stated anywhere on the web. Within different media roles it is clear
that more restrictions apply are more solidly enforced for instance, television channels and
radio presenters etcetera where content could be published nationally and freely. If anyone
does find any piece of information that is causing them to be offended in any way shape or
form then the company can be sued for a lot of money. Yet, there are rules to avoid this
which are the following:


    You are not entitled to make use of image, video or sound unless you have gained
     permission to do so beforehand where this can be done either over the phone and
     the copyright holder’s sometimes may need you put it in writing

    You cannot make any kind of verbal statement that is intended to cause
     `Defamation` which can be seen as being abusive or damage an individuals
     reputation where this is referred to as `Slander`

    The same applies to any written statement about any individual where this is mainly
     known as `Libel`

    You are not able to use any part of someone else’s work (or the whole piece of work)
     without having permission from the owner of copyright in writing beforehand where
     this represents as part of the `Copyright Laws`
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
    You need to be aware of how you represent, describe the content and the characters
     within a multimedia product in which you need to be sure that you are both
     unbiased and accurate with what you are saying within the media product. This will
     also apply towards the following:


       Race (Black, White and Asian)

       Gender (Male and Female)

       Sexuality (Homosexual and Heterosexual)

       Disability (Are bodied and otherwise)

       Nationality (British or otherwise)

       Class (Working, Middle or Upper)

       Regionalism (North and South)

       Age (Old and Young)


Where this means that you cannot make any suggestion in any way shape or form about the
inferior to certain groups because you will definitely be in breach of this rule and production
may be acceptable to be shown towards people. Some laws that work alongside these
groups are the following: The Race Relations Act (which protects people from any form of
discrimination against any type of race), Sexual Discrimination Act of 1975 (That helps to
avoid any types of discrimination against a person’s sex) and also the Liable Act. All of the
related acts work alongside each other in order to emphasis the points made above.
Whereas, if you break any of these in any kind of form, the company can possibly be sued by
whom this may concern.

You also need to wisely consider the Distance SellingRegulations where this does clearly
apply when a website needs to sell its products via the internet. The key aspects of the
regulations are the following:

       You must give consumers clear information involving details of goods and services
       offered, delivery arrangements and payment, the supplier’s details and the
       consumer’s cancellation right before they purchase a product (known as prior
       information)
       You must also provide this information in writing
       The consumer has a cooling-off period of seven working days

`Plagiarism` can be referred to as when work is copied and has not been given full
accreditation and has been passed off as your own work. That is to say, whilst reading an
Ben Turner            Unit 65 – Web Animation for Interactive Media                  11/12/12
                        (Client Proposal for the iHostels website)
essay online and someone decided to use a phrase that was found in a e-book resource and
has not been put in quotation marks and has basically been just left as their own writing.
That is a form of Plagiarism and if this is to be seen on your website you can easily be sued
for it due to it violating the law on Plagiarism where this is very imperative as it has been
easily carried out by people on the web nowadays.

If you are to ever break any of the above rules, then the clients can undertake the process of
suing you and your company if they should wish to do so. These companies who commit to
breaking the law could be sued for money, the right to operate their website on the website
or any number of things. Clearly, companies who do this can get into a lot of trouble by
breaking any of these rules and it is just not worth the problems that come afterwards. The
website could shut down; there maybe impended fines to pay as compensation etcetera
where this does put a massive strain on the person who is running the site for his/her online
company.


Website Specification:

Visual Style:

In terms of the visual style for the iHostels website, I was thinking of a very basic approach
in relation to the colour and design for the site. In general, the colour scheme that I will be
wanting use is the following: Orange, Light-Blue and Red for all of the interactive elements,
since I really to think that this will represent a unique look towards the iHostels website
where this is a key factor in producing any kind of e-commerce website because it
immediately connect with people that can trust the site. People need to be able to view the
site and think that is clearly laid out with easy use of navigation throughout the iHostels
website. It does need to be very user-friendly and straight-forward when it comes to the
functionality of the site etc. Nevertheless, I do really hope that with a stronger emphasis
within the iHostels website design, that customers will be impressed with the overall house
style of the iHostels website and want to look around it more.

Composition:

In relation to the iHostels website the webpages need to be standardised throughout all of
the pages within the site. From one webpage to another, the only thing that should be
altered is the content (from different products, to the `about us` pages etc.) The main part
of the framework within the iHostels website should all stay exactly the same and should
not move around the screen from page to page. This is not only distracting for your possible
customers who enter the iHostels website but it can also look very unprofessional. It is
features like this that can put people off from buying your products and therefore I need to
make sure that I minimise these as small problems as much as possible.
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)
Typography:

As far as the text content goes for the iHostels website it does need to correctly formatted
with font of Sans Serif or Times New Roman. Here are a few examples, such as, Georgia,
Times New Roman and Serif where these were provided by the client so by using one of
these fonts will probably be a good idea in terms of the layout for the iHostels website. It
must be suitably formatted which means that the font size and colour have to be
standardised so that it represents the whole theme of the iHostels website. I have decided
to use a kind of font that is related to the Calibri font which is Myraid Pro which is to be
integrated within the logo for the iHostels website, so by sticking with this kind of font will
help the iHostels website to work well. All of the text that needs to be internally edited
within Dreamweaver will stand at an Ariel font. I will need to test the fonts that have been
used and find out whether they fit in well with the overall theme of the iHostels website but
I do think that the Ariel font would be integrated well within the site.


Technical Considerations:
For the technical considerations for my iHostels website there are quite a number of things
that I need to think about in terms of the file size, format, optimisation and intended
output. All of these assets play a part in whether the site is successful or not, so therefore
they need to wisely planned out before-hand.

So when you consider that the file formats are normally related to the formats of individual
assets that are going to be used within the website you do need to be aware of the
timescale for downloading such content for the site. For instance, images that need to be
displayed on the web or within a website should not really need to be of a very high
standard, since this will amplify the overall file size of the site, so therefore this will also
have a negative effect on the download time. This means that the images do need to be
compressed before-hand in order to get a good enough quality so that they can be seen
clearly, but not including such a high file size that does greatly have an impact on the
download times. These are often obtained as a JPEG format meaning that the file size is
small enough to enable compression and not losing too much quality within the images.

An example of a highly rated specific file format that is going to be used at lot within the
iHostels website is .jpg. So by saving images as jpegs will not only enable enhanced
compression and reduced file sizes (that help to keep the download time to a minimum),
but they also endure enough precision and information that is to be seen as professional.
The JPEG file format is very flexible and adaptable within almost every software application
since it is a root format that is supported by nearly anything. This means that editing images
are made very easy due to the versatility of using many different software applications.
Ben Turner             Unit 65 – Web Animation for Interactive Media                  11/12/12
                         (Client Proposal for the iHostels website)
File sizes are imperative as I briefly mentioned above when you are working on the web.
You cannot expect to be able to integrate very large images that are high resolution assets
within your site with no compression applied and think that people will be willing to wait for
long periods of time for the site to download because they will not do that. While yes, it is
essential that all of the assets used are clear and of a good standard, it is not important that
they are crystal clear at extremely large sizes. Normally images do not need to be stretched
out on the website (except for images related to the products page individually) but even
then not much more enlargement is needed for the images within the site. So therefore,
wherever is possible, we should always be taking into account about obtaining file sizes as
low as possible in order to sustain quicker download speeds. Compression does work very
well with images meaning that they are kept to a good enough standard so that it is
viewable towards all of the users of the website and therefore have smaller file sizes.

The two other subjects related to Technical Considerations are Optimisation and Intended
Output. These can be associated with whether images do need to be optimised in a certain
way, whilst you are not thinking about the intended output of a webpage. You do need to
be cautious in terms of considering the output of any product since they all have separate
specific requirements that come into play. For instance, within a webpage, file size is
strategically important since this will have an ultimate effect on the downloading time of
the content, therefore the larger the files are, the longer it will take to upload within the
site.

The finished product of the iHostels website can be exported as an .SWF file so that I can be
viewed as a movie where it could also be published to the web by exporting it as a .HTML.

Contenu connexe

Similaire à Client proposal for the i hostels website

How to-optimize-landing-pages
How to-optimize-landing-pagesHow to-optimize-landing-pages
How to-optimize-landing-pagesPieter Deprouw
 
15 Key Principles Of Web Design
15 Key Principles Of Web Design15 Key Principles Of Web Design
15 Key Principles Of Web DesignWebyKing
 
Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdfrkraina4
 
Website Prototype Document Butterworth Bees
Website Prototype Document Butterworth BeesWebsite Prototype Document Butterworth Bees
Website Prototype Document Butterworth Bees10woodre
 
How to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsHow to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsEvgeny Tsarkov
 
Coit20268 t1 17_port_prac2_spec
Coit20268 t1 17_port_prac2_specCoit20268 t1 17_port_prac2_spec
Coit20268 t1 17_port_prac2_specSandeep Ratnam
 
Web Design Planning Worksheet
Web Design Planning WorksheetWeb Design Planning Worksheet
Web Design Planning Worksheetbutest
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 
Website critique
Website critiqueWebsite critique
Website critiqueAzmiSuhaimi
 
Content accessibility guidelines for site management02
Content accessibility guidelines for site management02Content accessibility guidelines for site management02
Content accessibility guidelines for site management02Matthew Schaefer
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a websiteLaurenHolyoak1
 
Web project – Web SiteConsistency with Web Design Site PlanYou.docx
Web project – Web SiteConsistency with Web Design Site PlanYou.docxWeb project – Web SiteConsistency with Web Design Site PlanYou.docx
Web project – Web SiteConsistency with Web Design Site PlanYou.docxmelbruce90096
 
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyThe Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyMark F Simmons
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technologymichaeljericho
 
Facebook Carousel Ads Creative Guideline
Facebook Carousel Ads Creative GuidelineFacebook Carousel Ads Creative Guideline
Facebook Carousel Ads Creative GuidelineYılmaz Barış
 

Similaire à Client proposal for the i hostels website (20)

How to-optimize-landing-pages
How to-optimize-landing-pagesHow to-optimize-landing-pages
How to-optimize-landing-pages
 
Unit 35 LO4
Unit 35 LO4Unit 35 LO4
Unit 35 LO4
 
15 Key Principles Of Web Design
15 Key Principles Of Web Design15 Key Principles Of Web Design
15 Key Principles Of Web Design
 
Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
 
Website Prototype Document Butterworth Bees
Website Prototype Document Butterworth BeesWebsite Prototype Document Butterworth Bees
Website Prototype Document Butterworth Bees
 
How to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsHow to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More Leads
 
Coit20268 t1 17_port_prac2_spec
Coit20268 t1 17_port_prac2_specCoit20268 t1 17_port_prac2_spec
Coit20268 t1 17_port_prac2_spec
 
Apen Technologies
Apen TechnologiesApen Technologies
Apen Technologies
 
Web Design Planning Worksheet
Web Design Planning WorksheetWeb Design Planning Worksheet
Web Design Planning Worksheet
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Website critique
Website critiqueWebsite critique
Website critique
 
Content accessibility guidelines for site management02
Content accessibility guidelines for site management02Content accessibility guidelines for site management02
Content accessibility guidelines for site management02
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
 
Web project – Web SiteConsistency with Web Design Site PlanYou.docx
Web project – Web SiteConsistency with Web Design Site PlanYou.docxWeb project – Web SiteConsistency with Web Design Site PlanYou.docx
Web project – Web SiteConsistency with Web Design Site PlanYou.docx
 
Unit21 AO2
Unit21 AO2Unit21 AO2
Unit21 AO2
 
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyThe Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technology
 
A place web.
A place web.A place web.
A place web.
 
Wix Meetup | SEO Introduction
Wix Meetup | SEO IntroductionWix Meetup | SEO Introduction
Wix Meetup | SEO Introduction
 
Facebook Carousel Ads Creative Guideline
Facebook Carousel Ads Creative GuidelineFacebook Carousel Ads Creative Guideline
Facebook Carousel Ads Creative Guideline
 

Plus de BenT1990

Task 2ciii shot-log for the ict creative media digital video
Task 2ciii   shot-log for the ict creative media digital videoTask 2ciii   shot-log for the ict creative media digital video
Task 2ciii shot-log for the ict creative media digital videoBenT1990
 
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
 

Plus de BenT1990 (20)

Task 2ciii shot-log for the ict creative media digital video
Task 2ciii   shot-log for the ict creative media digital videoTask 2ciii   shot-log for the ict creative media digital video
Task 2ciii shot-log for the ict creative media digital video
 
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
 

Client proposal for the i hostels website

  • 1. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) For the website called “iHostels” I will be illustrating and explaining how users can book places for Australia hostels and other resources that are available within this continent such as, Hotels, Tours, Travelling and Places to Visit etc. I will have to wisely consider the audience in which the “iHostels” website will be aimed at. It will also allow them to gain access towards the hostels within different areas of Australia for example, Sydney, Melbourne and Western Australia etc. The main target audience for the “iHostels” website is Oz Backpackers who are interested in exploring different aspects in relation to the hostels that are provided within Australia. Due to the increase in the price sale and VAT (Value Added Tax) for a hostel it will be more likely to be aimed at Adults but some hostels could be bought cheaper as explained above. Client Requirements: Amount of pages: Accordingly to what the client has stated he would like a minimum of 6 to 8 webpages if I am to be aiming to achieve a Merit/Distinction level grade. So in order to do this I am going to produce 8 functionally working webpages which will be kept in mind whilst creating the iHostels website. I should also take into consideration the amount of pages to be created and discard the one that are not as important. Necessary Banner: For earlier production work of the interactive elements I was asked to produce a banner that mainly advertises that hostels that are available within Australia. Once you access the booking ihostels webpage it enables you to navigate towards certain website in order to buy the ihostels. Navigation Bar: The navigation bar must be customised within the iHostels website in which the client has required it to be suitably formatted and presented. The overall colour scheme will need to fit in with the house style and the theme. It should clearly show all of the content within the structure of the navigation bar of the iHostels website so that it enables users/customers to access the features in the website with ease. Background: The backdrop colour image of the iHostels website must be adequate for the overall house style and layout. The background image must fit in with the whole colour scheme and not distracting the client’s attention. So in order to keep their attention onto what the website has to offer; the background should preferably be subtle and complimentary of the main layout of the iHostels website.
  • 2. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Colour Scheme: The colour scheme should be limited by mixing a small range of matching colours together such as, Light-Blue and Red in order to make it look professional. The client has mentioned that the colour scheme must remain consistent throughout all of the pages within the iHostels website. So therefore, all of the colour schemes that have been chosen by me will not be altered. The client has also required customised logo graphic that will clearly link throughout the iHostels website where this was produced within the Adobe Photoshop CS5 software application. The iHostels website must clearly involve an admiring, but yet restricted, colour scheme where this means I have to ensure that I only use a few colours that makes the site look professional, therefore it should resemble the whole theme of the iHostels website. The client has mentioned vital information in that the website colour scheme and layout of the iHostels website must remain consistent throughout all of the webpages so that it gives a sustainable visualisation of the iHostels website. Web Graphics: The iHostels website will need to contain lots of appropriate web graphics accordingly to what the client has stated through class discussion so that it is eye-catching towards the audience that the iHostels website is aimed at and it also helps to create a good website design. For my leisure product site, I will be thinking about including images that have been ready-made within the Adobe Photoshop CS5 software application such as, the Logo Graphic for the iHostels website and that have been originally made by other authors or creators of an existing hostels website within Australia. Rollovers: The client has also require me to apply multiple rollover objects for my iHostels website since the client is really keen on the way this could have an effect on the outcome of producing good websites, so therefore I will have to make sure that a loads of these effects are used throughout my iHostels website. In accordance, to the research I did for 3 related websites which were the following YHA Australia, The Australian Web Awards 2012 and MacTalkwebsites where they all used similar rollover effects and I have to say they work extremely well on the e-commerce sites. They can be easily embedded into graphical buttons on the navigation bar and with other types of images etc.
  • 3. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Links: Throughout the iHostels website there will be a range of different hyperlinks to be used within the site where this will include the following: Button Links. These interactive features should not be too difficult to be integrated within the iHostels website since graphic links will be implemented within the iHostelswebsite’s navigation bar anyway, the button links can be used for things such as, `Booking iHostels` etcetera and the text links to be exploited throughout all of the anchor points. Layers: Another requirement in which the client has specified is that my iHostels website should contain some layers (or app divs as they can be referred to on the Adobe Flash Professional CS5 software application). These can be done within the form of graphical content that is amplified with text overlay and could be added to be homepage of the iHostels website. Text overlays may not necessarily apply towards the iHostels website as the images and text etcetera will be constructed properly as still content or within the form of tables as described below in the next paragraph. Animation: For my iHostels website I will have to make sure that the site contains at least 2 elements of animation, one of which is the “Tour Buses Animation” advertising how you can book a place for transport, whilst other animated features can be allocated as a primary source such as, a direct access route to the hostels through the website banner. The client has also stated that he wants the animation to be kept strictly unique and therefore I will have to bear this in mind when creating/searching for the animation aspects for the iHostels website. Text: As far as the text goes within the iHostels website, it is needed to be suitably formatted with a font of sans or sans serif. For example, Ariel, Verdana or Comic Sans in which they were given by the client so by making use of one of these fonts for the iHostels website will probably be a good idea. For my 6 interactive elements they will stand at a Calibri font between sizes 14 pts up to 18 pts for the following: Advertising Banner, Navigation Bar, Logo, Rollover Buttons and Animated GIF. All of the text edited by me will be standardised at a Calibri (Font) where this will take place for the example fonts as stated within this section. Form: The client has said that he wants the iHostels website to involve an active form that allows customers to inputted their details inn when they checkout from the iHostels website. Examples of details being collected from the customers are the following: Phone Number, Email Address and Card Details etc.
  • 4. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Email Address: As part of the client’s requirements, I have decided to put an email link within the Comments webpage for the iHostels website so that likely customers can send questions related to specific products or taking in regard to anything else about the iHostels website in general. This can be displayed near the end of the form as well where it allows you to copy your details over to an email so that I can be sent to me the owner of the iHostels website. In addition to this, the email link will obviously be placed within the Contact Us webpage for the iHostels website. Accessibility: In accordance, to the client I need to supplement the functionality of the iHostels website with valid alternate text and have a consistent layout for the font and colour so that it fits in with the overall theme of the iHostels website. Standardisation: The iHostels website does need to contain a clear visualisation of standardisation for all of the webpages meaning that the layout and page design need to be precisely the same throughout the iHostels website. Any types of fonts and colours have to be exactly the same throughout every webpage meaning that text within the product description for the Hostels within Australia must be the same for every product advertised on the iHostels website, images needs to be the same size and any anchors or hyperlinks need to be kept identical towards the users of the iHostels website. Audience Considerations: The target audience in which my iHostels website is aimed at Oz Backpackers who are interested in exploring different aspects in relation to the hostels that are provided within Australia. Not only is just aimed at people who are interested in what the Hostels within Australia have to offer but by the new technological developments it is also targets customers who are able to dispose income on the facilities and resources within the iHostels website since that they do not come cheap. In hindsight, young teenagers will not be able to book a place for expensive Hostels in Australia products; therefore the iHostels website will be aimed towards adults. More importantly, to take into consideration is that the target audience in which my iHostels website is aimed at will possibly be interested in creative and imaginative hostels design for example, the logo graphic and researching imagesbased upon the hostels and other resources available in which will ultimately mean that the way I construct the design of the iHostels website is crucial. They will want to look for efficient and unique layout design in which this will make them think that the new invention of Australia Hostels products have been carefully taken into consideration upon producing the iHostels website.
  • 5. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Accessibility Features: The accessibility aspects will need to be cover on my iHostels website for instance, pop-ups on graphics, valid alternate text and a consistent use of font and a limited range of colours as well such as, Orange, Light-Blue and Red colour schemes which are to be integrated within the layout iHostels website. The pop-ups on the images could give supplementary details about the picture, very much like within the layers that the client has requested for this to be included within the iHostels website. Since a lot of text will need to be re-written it is ideal that valid alternate text it put into place for users especially, for them who are visually-impaired so that it makes it easier for them to understand the text within the iHostels website. The consistent layout of font and colour should be straight-forward enough to incorporate because the client requires these to be standardised anyway meaning that they will need to be integrated throughout the iHostels website. Ease of Use: The prospect of having an e-commerce website is mainly based upon the amount sales and products that are being sold within the iHostels website. This can only be made possible if the user’s or customers can optimise the iHostels website functions and trust the site enough in order to dispose income for at least one of the products and services that are available for the iHostels website. So therefore, by having a clear navigation throughout all of the webpages within the site is simple and easy to customers because it will help them to navigate throughout all of the webpages within the iHostels website. Resources: Resources needed: The kind of resources that could be used for the iHostels website involve things like computer software applications such as, Adobe Flash Professional CS5 where I can only use this computer facility within the CAMSFC (Cheadle and Marple Sixth Form College) in which I have to bear in mind there is limited time to get this done nearby the mid-time of December 2012. I will also need interactive elements that have been created in the Adobe Photoshop CS5 software application for example, Advertising Banner, Rollover Buttons Logo Graphic, Navigation Bar and Animated GIF. In addition to this, I would also need to refer to the storyboard sketches that were produced before putting together the iHostels website. Type of Resources you will use and where they will be found: The sort of resources that I will be using comprise of a computer software application called Adobe Flash Professional CS5 to create my iHostels website within the software application (where this can easily be found click on the WINDOWS START MENU, then you select ALL PROGRAMS, click on ADOBE MASTER COLLECTION CS5 and then select the ADOBE FLASH PROFESSIONAL CS5 software application. (This is done accordingly to the illustrations below…..)
  • 6. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website)
  • 7. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) I will also need the Adobe Photoshop CS5 software application for the production of the interactive media assets such as, Website Banner etcetera (where this is available both at home and in the CAMSFC (Cheadle and Marple Sixth Form College). This could also involve basic animation being applied towards the images created within the Adobe Photoshop CS5 software application. Furthermore, I will be using the visualised storyboard sketches for my iHostels website that will be used as a guide for how to layout the webpages within the site in which they will be allocated in my work folder in the ICT suite in CO5. Any additional tutorials for the Adobe Flash Professional CS5can be found on the College’s VLE (Virtual Learning Environment) as shown below from the following URL web address: http://vle.camsfc.ac.uk Full details of Resources already created: The resources that have already been produced are a few interactive assets which will be used for the iHostels website. These comprise of the following: Advertising Banner, Rollover Buttons, Logo Graphic, Navigation Bar and the Animated GIF for Tour Buses Animation. All of the graphics collated will link together within the colour scheme, font and colour so therefore it will sustain a standardised look throughout the iHostels website. When all of the design work for the iHostels website is assembled as a whole then it all needs to be fully functional as one website as opposed to many other parts within the site that don’t really belong together. My chosen colour scheme that is to be used throughout the iHostels website is Orange, Light-Blue and Red in which I do hope to produce a unique looking layout and design that should attract attention from the target audience of Adults who are interested in booking for place within Australia Hostels and other thing. (Screen prints of the interactive elements produced are shown below…..)
  • 8. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website)
  • 9. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website)
  • 10. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website)
  • 11. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Conceptualisation: The iHostels website does need to advertise a range of Hostels within Australia where it should be appealing towards the target audience who are intrigued by the Australia Hostels products at a range of different levels. An explicit layout will make sure that potential customers can access the webpages and the products that they are looking to find fairly quickly within the iHostels website. Indeed, the most essential aspect of any website is the navigation, especially as it is for online advertising and selling of the products for the iHostels website. Whereas, if there was no clear indication of navigation then “how will the likely customers be able to navigate around the iHostels website?”. Buttons need to be included which clearly link to the (restricted) colour scheme so that it attains the level of distinction and trust between you and the customers who are viewing the iHostelswebsite. Another key point is that the website is available for everyone to gain access to and therefore help boxes maybe put in place which operate as rollovers. These could contain supplementary data, reminders or even examples of how to use search boxes etc. By using and integrating some helpful accessibility functions, this consequently means that the iHostels website can attract a much wider audience as possible. As far as devising a company name and a logo, I have come up with a few of my own design ideas that have all been ready-made by me the creator of the iHostels website within the Adobe Photoshop CS5 software application. My name that I decided to use is `iHostels` which stands for (Interactive Hostels) are both vital pieces of information when it comes to the subject of hostel products. I have done storyboard sketches on the 6 interactive elements which are the following: Advertising Banner, Rollover Buttons, Logo Graphic, Navigation Bar and Animated GIF before finally creating them all within the Adobe Photoshop CS5 software application. As shown below you can see images of how the designed logo will be incorporated within the iHostels website. As you can clearly see, I have chosen to use waves and an official looking branding of the iHostels logo that I produced in the Adobe Photoshop CS5 software application and I do hope that the simplicity of this interactive feature will flow well with the overall design and the idea of making the iHostels website look unique in which this is what I am trying to achieve through the creation of the graphical designs for the iHostels website. The sustainability of the colour scheme is the same throughout every webpage for the iHostels website as it is part of the interactive assets as shown above in an attempt to maintain the pattern of house style at all times within the iHostels website. I do want the logo graphic to be appealing but yet not too complicated. In my point of view, the logo graphic does fit it well within the iHostels website because it helps the users to identify who the site belongs to.
  • 12. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Visualisation: During the period between the 27th November to the 14th December 2012 I have to ensure that I keep in mind the overall house style and layout that I want to achieve for the iHostels website. The site does need to be attractive towards the target audience and sell iHostels products and additional facilities at the same time, so therefore I needed to be sure that it was not to sway towards one or the other. The main aim for this is that I want people to view the iHostels website and instantly know theme of the site and gain an understanding of what the iHostels website is about. I do feel that this will be made possible if I include a description about the new leisure products related to the iHostels website and put hyperlinks on that are based around the products that are provided for backpackers within Australia, but not just the Hostels itself. Maybe put underneath the descriptive text captionsa range of illustrations will be put in in order to show the kind of hostels that are available within theiHostels website. It is the kind of things like this that I think will endure more customer satisfaction and help them to pay to maintain attention towards any sort of online selling website. I do want customers who view the iHostels website to put their trust into what is being said and if they do purchase something from the website it is going to be official and that everything has been done efficiently. It is important that I keep the written content to a good level of English because it will attain the highest level of professionalism. There cannot be any spelling mistakes or broken links because this will then add doubts as to whether the iHostels website is worthy to operate with and the site could lose sales due to this course of action. See illustration below…..
  • 13. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Information Architecture: Layout: In terms of the layout for the iHostels website I want it to be very clear, easy to use and professional looking. Every interactive asset does need to be thought out carefully so that it all works together as normal rather than it being just thrown together all in one portion. I would want the main body content of the iHostels website to be on the left with an additional panel on the left-hand side for supplementary colour scheme which is: Orange. The iHostels website banner should primarily be placed at the top in order to draw attention from its audience since it does hold key information (such as, advertising a range of Australia Hostels and embedding a link to the checkout point for purchasing products as well.) As shown below it should outline where the main elements of the iHostels website will be displayed. The navigation bar will be used to enable customers or users to navigate around the iHostels website and the functions in order to purchase the iHostels products. This must be clear and again make it operational with the other interactive features surrounding it. (Therefore the width of the banner needs to be about the same width of the navigation bar). As you can see below, there is a computerised design of what I wanted the iHostels website to look like: See image and annotations below…..
  • 14. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Navigation Bar (Buttons) Main Page Content Banner Navigation: The website has to contain a navigation bar that will obtain the primary links to the main webpages for the iHostels website. These will be produced in a restricted, yet matching colour scheme to suit the overall theme throughout the rest of the iHostels website and also at a very effective size as well. The navigation bars have to stand out from the rest of the features of the website because they are main forms of navigating throughout your site meaning that possible customers do need to clearly visualise this part of the interactive elements in other words they have to be able to see it clearly. Within the iHostels website buttons obtained in a navigation bar should be the key links for usability for the iHostels website. These can comprise of things for example, Home, Hostels in Australia and Places to Visit etc. Anything that you want your target customers to find needs to be allocated within that bar along with additional buttons as well such as, Contact Us and Legal and Ethical Issues etcetera where these will be positioned right at the bottom- left of the main body within the iHostels website. When a customer is viewing your site, they will want to find out what you have to offer in terms of selling and how they can buy the products being sold on the website. If they start to look more in depth into aspects of the website they will want to be able to contact the site owner if they have any further questions or enquiries relating to the products or the website itself etc. E-commerce Facilities: It is obviously an e-commerce website that should contain operating functions within the website and these means certain options have to be provided by the customer. For instance, add to basket, order forms and customer information needs to be on hand for them since possible customers do need to phone the owner of the website if any purchases for anything included within your organisation. If you only just miss of one of these features, you can ultimately run the risk of not producing any sales and a large amount of customers will be put off by this. So by this happening you can lose business, therefore the website is not being operated at its full potential.
  • 15. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Links to other sites: Can be referred to as `Hyperlinks`is where anchors are used to help construct the navigation system within the website which means that it can also direct customers around the site. The main positive point about buttons is that they can be easily included within the graphical rollover objects in which this means that they are possibly classified as being more interactive and simple to recognise as an explicit button within the site. Nevertheless, hyperlinks enable other websites to be linked and linking to other resources for example, sites could contain price checkers where it will go up as highly ranked in my estimation. As long as you acknowledge that the websites that you are putting links towards are much worse in relation to the quality and price, then creating links to them can be a very good thing. However, it is said in theory that any links within a website does draw the customer’s attention away from the site which consequently leaves the website very vulnerable if the customers do not decide to return to your website. Legal and Ethical Considerations: `Copyright` which is known as the Copyright Designs and Patents Act1988is a law that has been governed within the UK since it was created that year in which it had been introduced for two main reasons which comprise of, ensuring that creators of a multimedia product are accredited for their endeavour and will also make sure some kind of protection is in place, if work has ever been stolen from them. Before the invention of this act there was nothing much that people could do legally if somebody else had stolen their work and make claims of ownership of the interactive media product. The law primarily includes different types of multimedia and it mainly focuses on protecting ICT work, particularly if anything is spread publicity on the web that makes it a lot easier for someone to steal and claim it as their own. The same applies towards imitating software applications, MP3 songs, Videos, Images and Text etc. Any type of multimedia element that has been extracted from a source where it has already been produced by someone you are then infringing upon the copyright law. More details on the nature of the copyright law can be allocated on the following URL web address: http://www.bbc.co.uk/schools/gcsebitesize/ict/legal/2copyrightrev1.shtml The copyright law within the UK as of today is enforced automatically within multimedia products that have been created meaning you do not have to apply or register since this lasts for a lifetime and then for a further 70 years after the death of the creator. When it has surpassed this time period, the ownership of copyright is normally passed down to the recipients or the beneficiaries of an interactive media product. In some cases, the copyright does not solely lie with the creator of a multimedia product but falls into the hands of someone else which can prove to be hard to track down the copyright holder but if you do exploit the primary assets of an interactive media product without the permission of the creator or owner this can lead you into serious trouble due to violation of the copyright law. The only person that is capable of reproducing their work in any medium by any other party where work has been stored electronically is the copyright holder. The creators of an interactive media product are able to retain copyright if they are commissioned to do any kind of design work for their multimedia product which has been signified as an agreement
  • 16. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) between both parties unless one of them state otherwise. On the other hand, if visual creators are not just working for themselves whilst employed within a company, then the employer/owner of a business is the one who maintains ownership of copyright for an interactive media product. With images in particularly for multimedia products you can always choose to use stock photos, which are photos where the owner of copyright decides open them up so that they can be freely used by the public. Every now and then, strict rules are applied as to when and where the assets could be used so it is essential that you have read what the copyright holder has stated. But having said that, you can also dispense income towards the assets that means you have bought the right to use the images for an interactive media product that you are producing. Limitations are always put into place when you are working within any section of media in regards to precisely what you can say or what you are allowed to do. They are purposely used to protect people from any unpleasant remarks made for example, racist comments which could be offensive to someone and furthermore generate more issues for the people working with media as well. As opposite to the well-known belief, the internet is not a resource that can be used to breach these rules. Due to nature of the usability of the internet people are more likely to break the laws this way since it is all done very secretly. Nevertheless, some things can be always be tracked which means they are not allowed to be used, breached or stated anywhere on the web. Within different media roles it is clear that more restrictions apply are more solidly enforced for instance, television channels and radio presenters etcetera where content could be published nationally and freely. If anyone does find any piece of information that is causing them to be offended in any way shape or form then the company can be sued for a lot of money. Yet, there are rules to avoid this which are the following:  You are not entitled to make use of image, video or sound unless you have gained permission to do so beforehand where this can be done either over the phone and the copyright holder’s sometimes may need you put it in writing  You cannot make any kind of verbal statement that is intended to cause `Defamation` which can be seen as being abusive or damage an individuals reputation where this is referred to as `Slander`  The same applies to any written statement about any individual where this is mainly known as `Libel`  You are not able to use any part of someone else’s work (or the whole piece of work) without having permission from the owner of copyright in writing beforehand where this represents as part of the `Copyright Laws`
  • 17. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website)  You need to be aware of how you represent, describe the content and the characters within a multimedia product in which you need to be sure that you are both unbiased and accurate with what you are saying within the media product. This will also apply towards the following: Race (Black, White and Asian) Gender (Male and Female) Sexuality (Homosexual and Heterosexual) Disability (Are bodied and otherwise) Nationality (British or otherwise) Class (Working, Middle or Upper) Regionalism (North and South) Age (Old and Young) Where this means that you cannot make any suggestion in any way shape or form about the inferior to certain groups because you will definitely be in breach of this rule and production may be acceptable to be shown towards people. Some laws that work alongside these groups are the following: The Race Relations Act (which protects people from any form of discrimination against any type of race), Sexual Discrimination Act of 1975 (That helps to avoid any types of discrimination against a person’s sex) and also the Liable Act. All of the related acts work alongside each other in order to emphasis the points made above. Whereas, if you break any of these in any kind of form, the company can possibly be sued by whom this may concern. You also need to wisely consider the Distance SellingRegulations where this does clearly apply when a website needs to sell its products via the internet. The key aspects of the regulations are the following: You must give consumers clear information involving details of goods and services offered, delivery arrangements and payment, the supplier’s details and the consumer’s cancellation right before they purchase a product (known as prior information) You must also provide this information in writing The consumer has a cooling-off period of seven working days `Plagiarism` can be referred to as when work is copied and has not been given full accreditation and has been passed off as your own work. That is to say, whilst reading an
  • 18. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) essay online and someone decided to use a phrase that was found in a e-book resource and has not been put in quotation marks and has basically been just left as their own writing. That is a form of Plagiarism and if this is to be seen on your website you can easily be sued for it due to it violating the law on Plagiarism where this is very imperative as it has been easily carried out by people on the web nowadays. If you are to ever break any of the above rules, then the clients can undertake the process of suing you and your company if they should wish to do so. These companies who commit to breaking the law could be sued for money, the right to operate their website on the website or any number of things. Clearly, companies who do this can get into a lot of trouble by breaking any of these rules and it is just not worth the problems that come afterwards. The website could shut down; there maybe impended fines to pay as compensation etcetera where this does put a massive strain on the person who is running the site for his/her online company. Website Specification: Visual Style: In terms of the visual style for the iHostels website, I was thinking of a very basic approach in relation to the colour and design for the site. In general, the colour scheme that I will be wanting use is the following: Orange, Light-Blue and Red for all of the interactive elements, since I really to think that this will represent a unique look towards the iHostels website where this is a key factor in producing any kind of e-commerce website because it immediately connect with people that can trust the site. People need to be able to view the site and think that is clearly laid out with easy use of navigation throughout the iHostels website. It does need to be very user-friendly and straight-forward when it comes to the functionality of the site etc. Nevertheless, I do really hope that with a stronger emphasis within the iHostels website design, that customers will be impressed with the overall house style of the iHostels website and want to look around it more. Composition: In relation to the iHostels website the webpages need to be standardised throughout all of the pages within the site. From one webpage to another, the only thing that should be altered is the content (from different products, to the `about us` pages etc.) The main part of the framework within the iHostels website should all stay exactly the same and should not move around the screen from page to page. This is not only distracting for your possible customers who enter the iHostels website but it can also look very unprofessional. It is features like this that can put people off from buying your products and therefore I need to make sure that I minimise these as small problems as much as possible.
  • 19. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) Typography: As far as the text content goes for the iHostels website it does need to correctly formatted with font of Sans Serif or Times New Roman. Here are a few examples, such as, Georgia, Times New Roman and Serif where these were provided by the client so by using one of these fonts will probably be a good idea in terms of the layout for the iHostels website. It must be suitably formatted which means that the font size and colour have to be standardised so that it represents the whole theme of the iHostels website. I have decided to use a kind of font that is related to the Calibri font which is Myraid Pro which is to be integrated within the logo for the iHostels website, so by sticking with this kind of font will help the iHostels website to work well. All of the text that needs to be internally edited within Dreamweaver will stand at an Ariel font. I will need to test the fonts that have been used and find out whether they fit in well with the overall theme of the iHostels website but I do think that the Ariel font would be integrated well within the site. Technical Considerations: For the technical considerations for my iHostels website there are quite a number of things that I need to think about in terms of the file size, format, optimisation and intended output. All of these assets play a part in whether the site is successful or not, so therefore they need to wisely planned out before-hand. So when you consider that the file formats are normally related to the formats of individual assets that are going to be used within the website you do need to be aware of the timescale for downloading such content for the site. For instance, images that need to be displayed on the web or within a website should not really need to be of a very high standard, since this will amplify the overall file size of the site, so therefore this will also have a negative effect on the download time. This means that the images do need to be compressed before-hand in order to get a good enough quality so that they can be seen clearly, but not including such a high file size that does greatly have an impact on the download times. These are often obtained as a JPEG format meaning that the file size is small enough to enable compression and not losing too much quality within the images. An example of a highly rated specific file format that is going to be used at lot within the iHostels website is .jpg. So by saving images as jpegs will not only enable enhanced compression and reduced file sizes (that help to keep the download time to a minimum), but they also endure enough precision and information that is to be seen as professional. The JPEG file format is very flexible and adaptable within almost every software application since it is a root format that is supported by nearly anything. This means that editing images are made very easy due to the versatility of using many different software applications.
  • 20. Ben Turner Unit 65 – Web Animation for Interactive Media 11/12/12 (Client Proposal for the iHostels website) File sizes are imperative as I briefly mentioned above when you are working on the web. You cannot expect to be able to integrate very large images that are high resolution assets within your site with no compression applied and think that people will be willing to wait for long periods of time for the site to download because they will not do that. While yes, it is essential that all of the assets used are clear and of a good standard, it is not important that they are crystal clear at extremely large sizes. Normally images do not need to be stretched out on the website (except for images related to the products page individually) but even then not much more enlargement is needed for the images within the site. So therefore, wherever is possible, we should always be taking into account about obtaining file sizes as low as possible in order to sustain quicker download speeds. Compression does work very well with images meaning that they are kept to a good enough standard so that it is viewable towards all of the users of the website and therefore have smaller file sizes. The two other subjects related to Technical Considerations are Optimisation and Intended Output. These can be associated with whether images do need to be optimised in a certain way, whilst you are not thinking about the intended output of a webpage. You do need to be cautious in terms of considering the output of any product since they all have separate specific requirements that come into play. For instance, within a webpage, file size is strategically important since this will have an ultimate effect on the downloading time of the content, therefore the larger the files are, the longer it will take to upload within the site. The finished product of the iHostels website can be exported as an .SWF file so that I can be viewed as a movie where it could also be published to the web by exporting it as a .HTML.