Wednesday

Sedi Wire Frames Design 2


Above it the first wire frame design for the home page. This includes a horizontal menu with the vertical sub-menu on the left hand side of the page. In the header there is a small link which changes the language from English to French and vice versa, so the user can switch to and from as they please rather than having to return home. Contact details will be displayed on all pages with the box on the bottom right. We have also included a related documents box at the bottom of the page for users to easily find the associated documents. We have also suggested a FAQ quick search where a subject, country and specific document can be found.



The first design for the services page includes links to related items such as the ‘Incorporation Step’ PDF. On these wire frame designs there are all the same features as the home page design, however the related items have changed.


Above is the wire frame for the France page containing all the French documents. This includes the new sub headings as expressed in the site map description. This has all the same features as the other pages down the right hand side of the page.



The final first design wire frame created was for the contact page. This page contains the contact details in the main content. Therefore the contact details feature usually in the bottom right is not included. There are also two maps included directing to the Paris and London Offices.

SEDI Wire Frames 1


Above is the second suggested wire frame design, this includes a similar horizontal menu as the first designs however there is also a horizontal sub-menu just below. There is also a small menu in the footer which is exactly the same as the top menu. Down the right hand side we have some similar features to the first design however this design includes the related items, and then a link to the FAQ’s, with a random frequently asked question which changes from page to page. This also includes an identical contact details box. The logo is located on the right of the header this time, with the same feature which changes from English to French. With a simple search feature located next to the menu.


Above is the second services page example wire frame. This includes all the same features as the home page apart from there is an image included just below the main content.


Above is the second example of the France page wire frame, which will of course be identical to the UK and Irish links. This also includes the image below the content, and contains the same features down the right hand side as all the other pages.


Finally the above image shows the second wire frame design of the contact page. This includes a map at the bottom of the page, and the contact feature has been removed due to the contact information in the main content of the page. However the related documents and FAQ’s features still appear down the right hand side.

SEDI Site Map


Site Map S.E.D.I
Above is the suggested new site map. The main issues we had with the old site map was that there were image documents and PDF’s spread out around the website which may not have been easy to find. Therefore we concentrated on grouping the content and information in more specific areas.
As you can see the main change is to the main menu, were we have broken the bulk of the content down into the three sections of France, UK and Ireland, rather than having the documents with the choice of the three countries, this is where we have grouped the images and PDF’s into more specific categories. We also wanted to create a simpler menu for users to understand, specifically those who have little knowledge of the subject. We have also added a frequently asked questions section which we though was important when comparing to some of your competitors.

Monday

IMP Project

I am creating an artist website on a band called the Shadow Empire, i know two of the band members through school therefore can easily get regular contact with the band. they are all currently studying in Brighton therefore it is inconvenient to meet face to face however we will keep regular contact via email. Below are some initial designs for the layout of the site.

Initial Sketch Ups





Friday

Design Exercise 14

I am thinking about creating my second term artist project on my friends band. The only social networking sites that i am really familiar with are Facebook and You Tube, although i am also a member of myspace, which i have not looked at since 2008 and and also i am a member of twitter, which i signed up to last summer but never returned back until today.
Based on my project the best social network link would obviously be myspace because it is known worldwide as a place to store and display music, especially popular with up-and-coming or unsigned bands. The pros of this social network is that there music can easily be displayed to people all over the world, it also has an application with links to live gigs at various venues and ticket selling websites.
However the cons of this would be that myspace has dropped in popularity since the Facebook and Twitter boom of recent times. Which obviously equals a smaller audience looking at the material, although you do not have to be a member of myspace, or a friend of the account to access the material. Youtube would also be a good link to have on the website, because the band has video footage of live gigs and practice sets etc.
Facebook would be a very useful tool to have linked in too, because it has a large user base which is very good for spreading the word around, there is also a good invitation tool which gives information of gigs, who is attending, who is not attending, and who is awaiting a reply from.

Adit Shukla


http://aditshukla.com/

Adit Shukla
Male
New York City
Creative Director of 'Two Toasters' Mobile App Designers
Graphic Artist
Freelance Web Designer


Adit Shukla's portfolio is shown in the image above. I feel that the colours overall work well on the website, they are all warm, but not too hars on the eyes, they also link well together for this particular site.

The content may be a little sparse although the background image may influence you to feel this. The image contains a lot of depth and is an image of a sparsely populated area. In fact their is a lot of information given on the website with loat of links to various social networking websites such as ttwitter, deviant art and facebook, so that the users can find more information on the designer.

There are links dotted around all over the place which offers options and choice, although this comes across quite messy because they are spread around the page in all different areas, all of which arer in different fonts sizes and colours. The sidebar is the main way of navigating around the page. This looks good when used with the background image of the river however the sidebar takes up a lot of space on the page, and is almost as large as the content box.

He uses different font sizes cleverly to show the users what he wants them to see. He is selling his name as a freelance designer by having his name at the top of the page in extremely large font when compared to the rest of the site. He also increases the font size of the links to his various social networking places like deviant art. This gives the user an option to look at more work for his portfolio, although this is navigating the user away from his website, whereas i would want to advertise the work on my own portfolio more than the work published on deviant art etc.

There are examples of his work on the website, although most of his examples seem to be images and logos that he has designed for various companies. These images are of very good quality and do show off his tallent as a graphic designer vey well. The website, also shows examples of phone applications that he has designed, which is not of much use to people who havent got a iphone, however he displays the concept well.

Adit Shukla style is more graphic than technical. He feels his tallent lies mostly in graphic design and photoshop which i feel is true, however he displays his images and logos in an orderly fashion but there is no text or any information about the images. Therefore this can sometimes seem pretty useless, because i would like know more.