Website Project Work
Website analysis Sheet
Name of website: The Big Bang Theory Fan Site the-big-bang-theory.com
Layout Is the style appropriate to website purpose?
The style of TBBT website is appropriate to the sites purposes. This is because its presentation is well done and it drawers people into its news or reviews as its layout is quite simple and you can navigate around the website effectively.
Is it simple, busy or cluttered (consider web content and adverts)?
The websites page layout is simple. You can clearly see the differences between its banner, text and content, advertisements etc. The colors show the websites simpleness as well as they are quite plain.
Do colours / text clash ?
The colours used on the website is not too all over the place, i is using nice simple colours to present the navigation banner and website contents. They use a distinct red colour with white text for their main headings to draw people to that specific context. The background is white so black text is displayed clearly so information can be obtained effectively. The contrast between the text and colours do not clash. The images are fixed into the content great so no overlapping occurs.
Are all images web optimised i.e. do any of them take ages to download?
The images are very clear, not distortion is on them. The images take no time to download on sight to the webpage. All images are basic and informs the person reading what the context i about before reading is, so it is quite informative.
Functionality/
Navigation Is the menu simple and well labelled?
The menu is at the top of the website displaying the options of news, home, forums and so on. Its structure is not hard to understand which keeps it simple and easy to read while changing page. The menus text is presented well and labelled good. It has all relevant links and options buttons that links you to their facebook, twitter and other social media websites.
Are there any broken (not working) or incorrect links?
The links once pressed on work very well and takes you to the specified page properly in hardly no time.
Are there any ‘cul-de-sacs’ (pages that are a dead end)?
There are no pages that end up being a dead end, all links either take you to a page in that site or navigates to a new website page.
Interactivity Are there any elements of sharing (content or blog), data capture, gaming?
There are several buttons that once clicked with take you to their social media site eg facebook, twitter and so on. You can click on the menu and go to forums that you can then share your views of ask a question on.
Are there areas of fresh content to keep you coming back?
The site is updated at least once a week to review a new episode that had aired on CBS in the US and E4 in the UK. It also promote new and ld products frequently to keep you interested and wanting to come back to the site for its content.
Accessibility Are all media labelled with ‘alt’ text? (this means when you wave the arrow cursor over a picture a text description comes up)
When I hovered across several labels there are no text that appears while hovering.
Does website work and look the same in different browsers (Chrome, Safari, I.E.)?
The big bang website once opened in both ‘internet explorer’ and ‘chrome’ both opened up in the same way. The style of the webpages were identical and works the same.
Is there an easily found and accessible “contact us” area?
There is not a found contact us page, however there are forums and comments that can be made under a post on a specific topic.
Type of website: Personal/Blog
(highlight) Content sharing (youtube, soundcloud etc.)
Community/Social
Information (like a news website)
Business brochure/catalogue (where it simply shows you what they do, like a restaurant)
e-commerce (where you buy things such as Amazon)
SEO (Search Engine Optimisation)
How well does the site pagerank? (look for it on Google, Bing and Yahoo!)
VERY WELL.
Which keywords are most successful when searching for the site and are they the most appropriate words?
When you type ‘tbbt’ or ‘the big bang theory’ in chrome, the first site it shows is the fansite. the-big-bang-theory.com
SMO (Social Media Optimisation)
Does it have any social media links? If so, describe how appropriate you think they are being in mind the target audience.
Does have social media links as it has facebook twitter etc.
Very appropriate as the audience gets regular updates on the social media, easy to contact rather than going through the website.
(← The SM bar on TBBT website.)
Your experience:
Three things you likes about the site
1 The colours and text are clear, easy to read.
2 The website updates with news regularly.
3 You can get information from the site clearly and on a regular normally weekly basis.
Three things you would change about the site
1 The site is quite basic so change the theme colours.
2 Get a easy to contact, contact page.
3 Get rid of the apps and advertisements that pop up under some notices.
BELOW HOME PAGE
BELOW ONCE PRESSED ON CAST THE CAST PAGE LOADED UP
Website analysis Sheet
Name of website: Amazon.co.uk
Layout Is the style appropriate to website purpose?
The style is quite appropriate as it has a search bar to search for products you’d want to buy. It has a menu that gives people easier browsing opportunity where they can shop according to a specific type of product.
Is it simple, busy or cluttered (consider web content and adverts)?
The website is not very simple, the colours are contrasting each other there are quite a few product being promoted on the main page.
Do colours / text clash ?
The colours and text are very clear despite there being multiple pieces of information everywhere on the site.
Are all images web optimised i.e. do any of them take ages to download?
the images take no time to down load, they take around a second or two per page. The images are in focus and do not blur, very clear.
Functionality/
Navigation Is the menu simple and well labelled?
the menus are clear, there are a few menus on the home page in the form of a drop down box, where you can have options of how to browse, sign in feature and your shopping basket. They all being simple and labelled well.
Are there any broken (not working) or incorrect links?
On each page the links are working well and all are working, when an image is clicked on or the text is clicked, they all take you to the relevant page necessary.
Are there any ‘cul-de-sacs’ (pages that are a dead end)?
No pages are dead ended, all links work well with what is clicked on.
Interactivity Are there any elements of sharing (content or blog), data capture, gaming?
Amazon offers a unique buying opportunity and an Amazon prime video, the content is good and are many descriptions to many different products.
Are there areas of fresh content to keep you coming back?
New products arrive on the website each week sometimes daily. This encourages people to go back onto the Amazon website as they wish to browse for new products.
Accessibility Are all media labelled with ‘alt’ text? (this means when you wave the arrow cursor over a picture a text description comes up)
When the arrow cursor is hovered over a picture a text description often comes up.
Does website work and look the same in different browsers (Chrome, Safari, I.E.)?
The Amazon website once on IE and Chrome looks the same as each browser.
Is there an easily found and accessible “contact us” area?
The website does not specify a contact page but there is a help page that can be easily spotted next to the menu.
Type of website: Personal/Blog
(highlight) Content sharing (youtube, soundcloud etc.)
Community/Social
Information (like a news website)
Business brochure/catalogue (where it simply shows you what they do, like a restaurant)
e-commerce (where you buy things such as Amazon)
SEO (Search Engine Optimisation)
How well does the site pagerank? (look for it on Google, Bing and Yahoo!)
If you type amazon in it you can find the shopping site ranked first on the page.
Which keywords are most successful when searching for the site and are they the most appropriate words?
‘online shopping’ can have Amazon pop up third page ranked in Chrome.
‘Amazon’ has the website come up at the top of the web browser.
SMO (Social Media Optimisation)
Does it have any social media links? If so, describe how appropriate you think they are being in mind the target audience.
The website doesn’t have any social media links on the page.
Your experience:
Three things you likes about the site
1 There is a lot of information about a product on the website.
2 Very easy to browse around the website for products and videos etc.
3 Promote in a clear way and doesn’t have things popping up all the time.
Three things you would change about the site
1 Although the site is clear it could help if there are less images and text overload on the home page.
2 Have two main colours to represent the website so it looks more presentable.
BELOW AMAZON HOME PAGE
BELOW AMAZON PRESSING ON BOOKS LINK
BELOW BOOK PAGE ONCE LOADED
Website analysis Sheet
Name of website: DC COMICS dccomics.com
Layout Is the style appropriate to website purpose?
style of the website is very appropriate as the colours represent the darkness of the superheroes using a black colour and brightish blue for the lighter characters.
Is it simple, busy or cluttered (consider web content and adverts)?
There is quite a bit going on in the website but the content is clear.
Do colours / text clash ?
The colours do not clash they represent themselves good and the text is used is in various colours depending on the colour of the background behind it.
Are all images web optimised i.e. do any of them take ages to download?
Once the webpage has loaded, all the images are on the page clear and in no time. The pictures do not go fuzzy or blurry they have an image that they can see clearly.
Functionality/
Navigation Is the menu simple and well labelled?
The menu is very simple, the text used for the menu are clear on black on a white backgrounds, easy for those to see. It’s well labelled and you can see all the page links you want to go on very well.
Are there any broken (not working) or incorrect links?
After pressing on all major links, the menu and tabs on each page they seem to all work well and takes you to the relevant page associated with the page. So there are no incorrect nor any broken links.
Are there any ‘cul-de-sacs’ (pages that are a dead end)?
No. Similar to above, all links work and takes you to the page specified. There are no pages that end up with a dead end. They all take the user somewhere.
Interactivity Are there any elements of sharing (content or blog), data capture, gaming?
When the page loads you can see the basic facebook and twitter logos in the bottom right of the page. This shows that there are places to share. There isn’t however a blog.
Are there areas of fresh content to keep you coming back?
Content such as the latest comics out of film descriptions are updated on the website every day but occasionally weekly. The content is fresh as you’d want to visit the site to see if something is out again.
Accessibility Are all media labelled with ‘alt’ text? (this means when you wave the arrow cursor over a picture a text description comes up)
When you hover the cursor over the images at the bottom of the screen a small box comes up telling the link and what it is linked to.
Does website work and look the same in different browsers (Chrome, Safari, I.E.)?
After loading dccomics.com in the ‘Chrome’ and ‘IE’ browser, the website looks the same and works the same when you click on th elinks and everything etc.
Is there an easily found and accessible “contact us” area?
There’s not a ‘contact us’ page at the top in the menu, however, if you scroll all the way down to the bottom you can see that under the heading DC Entertainment, you can see a ‘contact us’ link taking you to a page that you can contact the website on.
Type of website: Personal/Blog
(highlight) Content sharing (youtube, soundcloud etc.)
Community/Social
Information (like a news website)
Business brochure/catalogue (where it simply shows you what they do, like a restaurant)
e-commerce (where you buy things such as Amazon)
SEO (Search Engine Optimisation)
How well does the site pagerank? (look for it on Google, Bing and Yahoo!)
The website page ranks well as when you type in either ‘dc comics’ or the url it is the top website displayed in the browser results.
Which keywords are most successful when searching for the site and are they the most appropriate words?
‘DC’ or ‘DC Comics’ or ‘dccomics.com.’ Very easy to search for using these words.
SMO (Social Media Optimisation)
Does it have any social media links? If so, describe how appropriate you think they are being in mind the target audience.
Yes. It has a facebook and twitter link taking you to the DC Comics web pages on their social media web sites. They bring in mind the target audience as, the public are likely to use the social media account on a daily basis so it brings attention to the website and or company. (The SM bar on dc →)
Your experience:
Three things you likes about the site
1 Regular information uploaded on the website.
2 Easy to use and the menu is displayed well.
3 It is very bold but the pictures used brings attention to them because of the boldness.
Three things you would change about the site
1 Display things individually and not in groups as it’d be easier to browse and see clearer.
2 Even though the boldness is good, bring some colour into the site so it attracts both genders.
Own Site - Proposal
The type of website I would primarily like to produce, would probably be an information site where news and facts about stuff can be uploaded every so often.
As well for having the information type set for my site, I would include aspects of personal/blog into my website so I and others can have there own opinions based upon a specific fact or piece of information on the website.
Getting ideas from the-big-bang-theory.com, I would consider, for my informations site, having a red border or section header background and white background. So red and white as they look distinctive and it will be clear and easy to read information once on the website.
The style will be appropriate for the website’s purpose as the colours are contrastic/ easy to read text of like information or an opinion from a blog.
The website will be very simple. This is because if the website is simple it will be very easy and clearer to read than other sites such as amazon, which had products displayed everywhere on the shopping website.
The menu will be at the top of the webpage of the home page and all others so it is easy to see and so the user can navigate around the website easily.
Here at the top of the Amazon.co.uk website you can see that over to the right it looks quite cluttered and a lot in one place at a time. Whereas I would have just a navigation panel/menu and any other relevant information needed there.
The colours I will use are going to be red and white as I mentioned in the second paragraph. This is because they are clear colours and if used well will bring a fresh kind of look upon the website when browsing or looking for information on it.
The text will be very clear. It will be all in a basic font, Arial, Calibri, etc or the more creative clear fonts below. This is with exception from the overall websites heading name/ logo. The colour of the text will differ depending on what colour the background is, despite this, it will be easy to read as the colours will suit the colour of the background nicely.
After doing some research on font, and font types, I went on the website dafont.com and browsed through multiple fonts I could include in my website. I want it quite simple like I stated above, however, I do not want to go too basic as I want the site to look quite modern at the same time. So after I searched the fonts on dafont.com I see these fonts which I though would appeal to my website once built.
Font 1
This font looks quite simple, a curved Arial font nearly, but it is basic and the font will be displayed on the text and content. This font will look good on a white background exploring a range of information to go with it.
Font 2
This font above, if was filled in total black would be very basic to look at, however, it is lined, this brings the sense on a basic font mix with a modern touch that would look great for a header or main title.
Font 3
This font above is slightly off what I would be looking for, but the style of the writing is simple and very clear, the fact that it has pencil marked style in the letters brings a modern and creative effect on the user when visiting the website. This lettering and font would look good on a main title or a page header for example.
For the menu, which the background will be red I will use white text. I will continue to use white text on all red backgrounds and colours so it is clear to see and looks very distinctive.
For the main headers, and most of the website’s background will be white so I will use plain black text. I will continue to use black text on all white backgrounds and colours so it is clear to see and looks very distinctive.
The content, of which I will be using on my website will be a range of writing, facts and media. I will add images of which are going to be relevant to the subject of which I will add according to the content of the information. Text obviously will be included on the website as the site will be mainly focussed on the information that users can pull of the page.
I will use content such as images and text so the user or person viewing the website knows what the product or thing I write about is in the style of using an image to represent this and also I am using text as it is handy to navigate using text and the information will have on it many sections of fair text, so not too much that you will get bored of the content.
The navigation will work be selecting a page using the menu at the top of the webpage. Once selected it should take hardly no to to link to that page. The navigation will work sufficiently making sure none of the website links end up going to dead ends or do not work.
The site map will be easy to follow. You will be able to go to one page and back and to another. I will have a main home page that loads up when the website is searched on. Then I will have two or three separate pages that takes the user elsewhere on the website. The link will be sure to work and take the user to the appropriate page selected. This will aid the user’s experience on the website as a user is more likely to leave the website if they cannot get onto information and links are broken and do not work.
I personally do not wish to include elements of sharing such as social media or gaming. However, in the future at a later point I might consider using other elements and different content on the website when it becomes necessary.
New information or blog updates will be fresh in terms of their content every so often. This encourages users to return to the website once more is uploaded so they can see what else there is in the content of the website. I will use label so the user can click on these and either go to a new webpage or a place dedicated to a specific subject on the website.
My target audience will be those of thirteen plus, and or around my age and older. But ultimately it will be targeted to those with a similar interest of the information that will be upload to the content of the website. The gender I will not specify as there will be both male and female who will possibly have the same interest of visiting the website.
Below - A Drawing of what I my website might look like
Design Idea
Zoom in to get a better View.
Josh Brinkley-Ripper
URL
https://stu-301009.wixsite.com/josh-brinkley-ripper