Website Sketches

I made multiple little thumbnail sketches for my website, testing out if i’d prefer a header along the top of the webpage or down the side. For me personally I preferred the aesthetic of the webpage down the side as it is unique and makes the webpage more ‘square’ making the alignment/ layout of photographs and typography much easier. Here are some photographs of my final sketches for my portfolio website.

IMG_0246

As you can see I had drawn out each 4 pages that would be accessible on my webpage as an idea of how my final website will look. I kept a similar trend throughout the webpage by putting the title of each page at the top and centre of the page with a small subtitle underneath displaying what each section entails. As well as this the social media links are also on the bottom of every page, which will help to promote/ advertise my social medias.

The colour scheme of my webpage will be light blue (for the side header) and a cream overall background, these two colour complement each other very well. I used Adobe Kuler: Colour Wheel in order to help me with the selection of my colour scheme. I found a strong colour palette (shown below) and chose the centre blue and the cream (to the right), this is because they are both lighter colours and fit well together.Screen Shot 2017-03-16 at 12.33.22.png

Advertisements

Logo Design Process

As always I started off my logo design process on pen and paper to get a rough idea of what I wanted my logo to look like. I used my initials ‘C’ and ‘H’ in order to create a unique design. At the beginning I tried wrapping the C around the letter H however I felt as though this was a little far fetched and didn’t give off the effect I wanted. Therefore I decided to play around with the ‘C’ to make it flow into the ‘H’ and from this I adapted a very basic design into something more ‘professional’ as shown below. I made a few adaptations of this design.

IMG_0245

I think took to photoshopped and instantly chose a font that was simplistic and played around with the positioning of the two letters. Here are two screenshots from when I imported the two letters to once I had moved them around slightly.

I was very happy with the logo design I made as it isn’t too complex and is easy to understand/ read with the font choice, positioning and lettering. Here is the final outcome of my logo.

logo 2.png

 

 

 

 

LTMKR Presentation

Today we had 2 web designers come into our lesson and explain to us about their company ‘LTMKR’. We were shown some example websites of what they have designed for famous companies and people, for the likes of Wayne Rooney, WarGaming etc. After we have a short introduction we were then random split into groups by numbers and were given the challenge of making a website design/ concept with sketches to promote the game WarGaming with the main attraction of the website to be that it is ‘Free To Play’. We came up with some different ideas however our main concept which we kept on adapting and making better was to use the globe which spins around and allows the user to select on different countries on the globe to see the different facts and stats of the tanks that are in the country. Below are some photographs of the sketches we drew up.

img_0163img_0164img_0165img_0166img_0167img_0168img_0169img_0170img_0171img_0172

Website Target Audience

My target audience for the website is mainly for designers & artists of all ages to use as inspiration, personal viewing and from promotion of myself to attract graphics businesses by showing off my work. I am to ensure my website is professional, clean and easily accessible by each user and is unique, the reason for my website to be unique is that it will make the audience remember your website and graphics work.

Analysis of Portfolio Websites

NB Studio

I do like NB Studios portfolio website, the main reason for this is because of the large imagery displayed on the homepage, it automatically transitions between different work that they have created, this causes an instant attraction to the audience. As well as the aesthetic, it is very easy to navigate around the website as the typography is clear and simple, allowing the user (myself) to easily navigate around the site. I feel as though the website could’ve been more interactive, for example when you move the mouse curser over the hyperlinks they would enlarge/ change colour, aside to this I feel as though the website is very well designed.

screen-shot-2017-02-21-at-13-00-13

Milton Glaser

Milton Glaser’s website rely’s mainly on images, there is limited text on this homepage and so wants the audience to view their work. I like the user interaction on the webpage, when you hover over the images at the bottom of the page a drop shadow becomes present, it is something small however is a nice touch. The one thing I dislike about this portfolio website is the fact that is seems a bit dull/ empty, the reason could be due to the colour scheme that has been chosen (white & grey). I feel as though I different colour scheme could help boost the website positively.

screen-shot-2017-02-21-at-13-02-59

Carter Wong

Carter Wong’s website is very vibrant from the beginning due to the colour scheme of yellow which instantly grabs the audiences attention, as well as the colour scheme the large use of imagery adds to the vibrant effect, particularly the Cornetto image. The homepage is mainly just images with a small amount of text underneath informing the user what this sub-section involves, and when they click on the image it will redirect them to a different section of the website with more in-depth detail about the portfolio work. I feel as though the use of imagery on the homepage is a great way to originally attract the audience as we as humans have been proven to prefer to view something than to read something.

Screen Shot 2017-02-21 at 13.03.53.png

Pearl Fisher

The homepage of Pearl Fisher’s website is very aesthetically pleasing due to the moving image on the main banner, also the typography and colour scheme adds to the aesthetic of the homepage as it gives the website a high level of ‘class’ and ‘professionalism’. Also I really like the user interaction as when I hovered over an image/ text the typography changes colour or the image fades slightly. These are very small effects however they’re very clean and give the product a professional feel – making the website more attractive.

screen-shot-2017-02-21-at-13-06-17

Barnbrook

Barnbrook’s website isn’t very user friendly as it can be slightly difficult to understand at first, the reason for this is because the front home page is just a large image with no text/ hyperlinks and so it is confusing how to fully access the site. However once you’ve managed to access the portfolio work it is well laid out and is interactive. The site is well designed, however the user friendliness of the site can be slightly poor at times.

Screen Shot 2017-02-21 at 13.09.57.png

Studio Cuculic

I personally strongly dislike this website, the first reason being is because it doesn’t fit the dimensions of the webpage, there is so much empty space on the right side which could be filled in. Also the navigation is very poor as there are images however when you hover over them there is no indication for them to be a hyperlink at all. It is very basic, therefore I will not be using this website style as inspiration.

Screen Shot 2017-02-21 at 13.12.14.png

Jake Tilson

I like the simplicity of square images on the homepage that allow the user to easily be redirected to the sub-genre they wish to look into, this is very user friendly. The only downfall for me personal of this website would be the colour scheme that has been chosen. Personally the use of red and a dirty yellow/ cream has removed the quality from the website, I feel with a good colour scheme and a good choice of typography (font) this website would improve dramatically.

Screen Shot 2017-02-21 at 13.15.00.png

Stefan Sagmeister

Stefan Sagmeister’s website is by far the most creative out of all the website I have analysed. Firstly the large images on the front homepage automatically transitions between themselves and all images have the ‘About, Work, Press, Answers, News, Store’ and from the images you are able to click on each separate sub-section to be redirected to that section on the website. This is very unique and effective and from this I feel as though it will make the audience instantly attracted to their website as it stands out from all of the others.

Screen Shot 2017-02-21 at 13.16.34.png

Introduction to Website & Ethics

Website – Website Design & Design for Digital Media

Ethics – Design for Digital Media & Visual Communication

Learning Outcomes (Website – Due Friday 17th March):-

  • Demonstrate an understanding of structure and function of Internet designs, browser function and web page publishing
  • Considered the aesthetic and practical issues concerning web page design, including navigation, image preparation and issues regarding the end user and accessibility
  • Designed, planned, built, tested and evaluated a set of functioning web pages
  • Evidenced knowledge of how to manage and organise the pages and relevant components of a website
  • Further developed and widened their generic practical and creative graphic design skills, specifically (screen-based) page layout and typography
  • Developed good practice in the form of file management and organisation
  • Designer, planned and built graphics in relation to specific briefs

Learning Outcomes (Ethics – Due Tuesday 28th March):-

  • Produce and develop and understanding of current digital media concepts and technologies
  • Developed and understanding of the components of a multi-media production and how they interact
  • Developed their communication skills through the media of text and image
  • Developed research skills relevant to the themes of the module