Thursday, 26 April 2012

Typographical Choices

I researched into typographical choices earlier during my research, see the table below for details:


However i will be using Helvetia as the main body text (arial, san-serif) if the machine the consumer is on does not support Helvetica. I will use a Google Web Font called 'Great Vibes', 'cursive' for my main header and my slogan. i have yet to experiment using this text as headers in the main content.

Slogan

As well as the logos, the client has also provided the company website slogan. This reads as:

Success breeds success, when values sustain value. 

Logos

Before i spoke to the client i was going to design and create my own Self Made Creative Clothing logo, however after speaking with the client he wishes to use two of the logos he already has, one which is from his website and the second is from the website he works in partnership with. They are as show below:






Quick Website Content Overview

HOME

Quick overview of the project
Couple of testimonies/success stories
Images of clothing
Blog feed
money/job opportunities to interest students

ABOUT

that the project is about
about clive bonny
contact details
who has it helped

AIMS

the aims of the project
in-depth about the project
Testimonies/success stories

ENTREPRENEURSHIP

Show to employers the skills they have obtained
how the project demonstrates practical skills

PROJECTS

Pr, press releases
documents
projects where it has
Videos

GALLERY

images of clothing
students
designing

Site Map Navigation

I made a basic site may navigation to show what kind of navigation layout i', going to use. I thought i'd use a simple site map navigation as there was no need to create anything to complex that would confuse the consumer, as i spoke about in usability. Below is the basic image of my site map navigation:


All the pages are connected, home would be the index page, like i said, simple and basic.

SEO (Search Engine Optimisation)

Search engine optimization (SEO) is the process of improving the visibility of a website or a web page in search engines' "natural," or un-paid ("organic" or "algorithmic"), search results. In general, the earlier (or higher ranked on the search results page), and more frequently a site appears in the search results list, the more visitors it will receive from the search engine's users. SEO may target different kinds of search, including image search, local search, video search, academic search,[1] news search and industry-specific vertical search engines.

http://en.wikipedia.org/wiki/Search_engine_optimization 

In my own words.. 

SEO Techniques:

Linking to external sites that have the same topic
Links from external sites to your website
Blogs and forums

When you link an image into a website you include an alternate text tag with in the coding. It is this alternate text tag that the search engines read and display your website in the search list. 

Usability, Interface Design, User Experience

 Interface design identity and content. By interface design identity, I mean the way in which my website ‘Self Made Creative Clothing’ is laid out and how exactly it is pieced together to achieve the best possible user experience. No employer or student is going to want to come onto the site and find it difficult to access content and specific information. They are going to want to enter the site and be able to find their own way around with out finding themselves going in circles. I have designed the navigation flow in such a way that every page is linked to one another and I have included a navigation bar both at the top of the page and at the bottom of the page. The navigation bar at the bottom of the page allows the user to access the other pages with out having to scroll up to the top of the webpage again. This can be very time consuming especially if the website has a lot of content.

Overall user experience and usability is what I am trying to achieve with my website, whilst of course trying to create the desired visual feel. The main reason as to why the employers and students are going to use this site is to achieve something. The usability caters for this thus creating the overall user experience when using the website. The aim for ‘Self Made Creative Clothing’ was to make it as understandable as possible, what the company is, why it does what it does and the outcomes of its operation. I want the user to accomplish there goals when going through the website and to come away with a solid understanding and answer to the questions they first had before using the website.

Content - The content i am going to use for my website has been provided by the client for the client. All text will be proof read to make sure there are not any faults. The typography font in my website wil have alternative font faces incase a consumer has an older machine and doesn't support the font. This would be accessibility.

Text - My desired/ chosen font face, size, colour and any other formatting with be consistant throughout my webpages, in order to keep to a theme. This looks more professional then having loads of different font faces with different visual styles and formats.

SEO (Search Engine Optimisation) - This is a process the website will go through in order for search engines to pick out key words/ hits from the website and display it closer to the top when someone searches a key word that the website has stored.

Loading Time - This is a key concept as i want my site to load up quickly and efficiently instead of having to wait and it being al glitchy. I want it to run smoothly no matter what the content is, weather it be images, text or even streaming videos.

Layout - The layout of my website has already been researched and thought about. i have created wireframes in order to sort out what content is going where on what page. In the long run this has been a big help because ei havent had to make up a layout on the spot and hoping everything fits in with one another.

Navigation - The navigation i have used is a very basic and simple design allowing the user to enter any page from the page they are currently on. This makes the site run smoothly and is basically impossible for the consumer of the site to get lost or go in circles.

Colour - colour was already pre determined by the client as he wanted it to be a rainbow colour. how ever some monitors cant handle the strength of some colours so i will need to look into hexadecimal colours for web design.

Size - i am going to make my size 900 pixels wide by how ever much content there is with in my site for length. this will allow the site to grow when new content is added. standard monitors have a 960 pixel width so i am going to put mine at 900 so it has a 30 pixel leeway each side.