Good Websites vs Bad Websites

The Good: Shot 2018-01-04 at 10.16.50

Screen Shot 2018-01-04 at 10.16.27

This website is a company that creates concept art for games, film, tv, digital media and marketing. I really like this website because it is custom tailored for the service they are selling. When you open the home page you are met with a large high-quality image of one of their works, this shows the client the companies potential straight away, the image will change after a few seconds to another piece of work giving the user a feel for the variety of work that is produced. If you scroll down you can view several categories on the website which are all paired with a reference image of what to expect. I find that the website is easy to use and has a satisfying layout. The most important part of making websites for this kind of business is the user journey, when the client wants to purchase artwork they will want to see examples of this on the website, this website has done this very well by including these artworks directly in the user journey. In other words, when you go to the website you don’t have to look very far for what you need.

Screen Shot 2018-01-16 at 09.10.50

This website is a ‘wikipedia’ for Games, Movies, and TV shows. The official Wikipedia will already have pages on these things, however

The Bad:

Screen Shot 2018-01-10 at 14.19.52

This website is a poor example of an arts university website, it ignores the fundamental aspects of design, although this may be some sort of statement or an artistic installment in of itself, I cant understand what other reason such a prestigious establishment would have for owning this website. The usability/user experience is also a serious problem on this website, there is a menu to the left but it is quite small and perhaps too long, all the options are clumped together making it hard to read and select something. The background is also problematic, in most cases having negative space is a good thing on a website but in this example, it is extremely misused. All of the text/information is on the far left leaving a large gap of negative space to the right, a simple fix for this would be to centre all of the text making a clean looking design. There is not much to complain about for the background picture itself but the way it is used doesn’t really work, most background images are white or light coloured so that the font colour may contrast with it, however in this case the background is a messy combination of lens flares with black in-between. This means that any text will be almost unreadable when put over the top of it, to combat this the website developer has decided to put white boxes behind the text and other images creating a really rushed look that is almost insulting to art itself. Above the title sits the contact information, the contact information should be easy to read and accessible but instead, it is written in small orange font; the orange blends in with the background making it unreadable.


The Ugly: Shot 2018-01-03 at 15.54.09This website is terrible because of how crowded it is, the screen is cluttered with hundreds of advertisements leaving the user confused and disturbed. This style resembles a shopping catalog, these catalogs are designed to hold as much information and advertisement on each page as possible, a website, however, can have as many pages and extensions as possible. The other failures of this website include: Poor font choice and colour, no distinct title or main feature on the homepage, extension menu is dated and hard to read, images are extremely out of proportion making some of the products hard to see. A way of improving this website would be to have a proper homepage with a title and easy to use menu, all the products should be listed on separate pages so that users can view them individually and find out what they need to know with ease.


help with fonts

Tiled website background

For my portfolio website I decided to create a tiled background to go on my master page, this way it would follow across to all the other pages to add continuity. I went for a simplistic, professional look as it is not supposed to attract too much attention.

Screen Shot 2018-02-21 at 15.31.35
I started off by making a simple, symmetrical (sort of) shape. This would then be replicated to create a wave like pattern.
Screen Shot 2018-02-21 at 15.31.55
I lined up a few of the shapes on top of a square with a colour similar to the colour of the shape, this is important because I don’t want to distract the viewer from the content on the page.
Screen Shot 2018-02-21 at 15.40.41
This is what the website background looks like once I use the tiled background feature in adobe muse, it fits seamlessly because I took the time to line up the pattern earlier.