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.

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