The blue fish media design is a well established premier website design and a multimedia designing company that is situated in Chicago and it mainly deals with the designing of the websites for the various companies.
However the websites are currently being used by the various companies in promotion of their business and reduction of the expenditure where various companies uses the website technology to advertise their products, communicate with their customers, providing the business information, increase their sales, to maintain their clients, to enable the clients access the information anytime from anywhere, connecting to the other markets and also to reach to more clients and audience.
Currently due to good service delivery to the clients the blue fish media company had increased the number of clients and this report cover the analysis and design of the Le Expensziv company which is a French restaurant that offers the various dishes of delicious meal at a very fair price, this company require a website in order to be able to reach more customers and increase their daily sales as a result.
Client expectations on the website
In this website the client had various expectations on the website that will eventually lead to increase in the number of the customers and the profit level in the business, below are the various client’s expectations on the website (Meyer 2011).
To market the restaurant to the target group.
To increase the number of the customers to the restaurant.
To improve the customer relation services.
To enhance better communication between the customers and the staffs.
To provide the relevant information to the customers.
To increase the level of income to the restaurant.
To publicize and advertise the various dishes offered in the restaurant.
To allow the customers to book for some services.
To provide the contact information to the clients.
To enable the customers to send some messages through contact form or email address
While developing this website there are various groups of people that are being targeted to be using the website to book services or understand the various services offered in the restaurant (Pfeiffer 2015).
Below are the various audiences that are targeted to use this website.
The dinning families.
The family members will be visiting the restaurant to take their meals while they are in the town or during any holiday visits.
The tourists and visitors.
The restaurant is situated in the town where a number of local and international tourist’s visits and they end up taking their lunch, breakfast or even dinner meals in the restaurant.
The neighboring business community.
The restaurant is surrounded by many businesses and their owner they lack some better restaurant to go therefore they will be visiting the restaurant for various meals especially lunch and the dinner (Felke, 2014).
The college students.
The restaurant is located in town where there are many colleges and since these colleges do not offer meal to their students the students will find a good place to have their meals.
The vegetarians.
The restaurants will be having variety of meals including the vegetables which is highly required by a large population in Chicago.
The music lovers.
In the restaurant there will be nice music that will be played often this is to attract the people who enjoys music and thus more customers will join the restaurant.
The meetings groups.
The restaurant has various rooms where the people can hold meetings and conference and therefore they are also part of the target group.
The recreational couple’s.
During the holidays the couples tend to go out for recreational purpose and thus the restaurant is targeting to serve such couples.
The individuals and singles.
The restaurant is also targeting the individuals who will be moving around the town looking for better hotels for meals.
In the restaurant field there are various similar businesses that compete with the Le Expensziv restaurant and they do challenge the restaurant to improve on its service delivery and marketing in order to maintain and win more customers to their business (Castro 2013).
The competitors identified above are all located within Chicago and they have their websites in place, however these websites has some strengths and some weak points in terms of the web design practices which are as follows (Gillenwater 2010).
Strength
Weakness
Strength
Weakness
Strength
Weakness
Color scheme
During the design process the color scheme of the website is one of the major things to put into consideration where the background colors, the text color, the links color, the footer, body and the heard colors are selected accordingly (Marcotte 2011).
Below is the proposed website color scheme.
The footer background color.
The links hover background-color.
Below table summarizes the selected color schemes and their justifications.
|
Website section |
Color scheme |
Justification |
|
The header background color. |
Pink color |
This color was selected since it is not so bright color and it is attractive to the users of the website. |
|
The body background color. |
Light blue |
The color selection was to differentiate the header and the body content this will highly work together with the website’s call of action. |
|
The footer background color. |
pink |
The footer color is pink and this color selected is to have uniformity with the header background color so that the users to have the consistency in the website. |
|
The menu background color. |
pink |
The menu background color selected is pink and it was selected in order to observe uniformity with the header color which is also pink in color and they should have same color since the menu is within the header container. |
|
The text color. |
white |
In this website the selected color was white and it was selected in order to ensure that the background match appropriately with the color used. |
|
The links colors. |
white |
However all the links are given the white color in order to make them visible and clear to the website users. |
|
The links hover background-color. |
blue |
The menu will have a blue hover color which was selected to enable the users to know the menu they had selected |
|
Active link background color |
Red |
The active link is the home link that is having the red background color indicating that it is the currently active link. |
In the website design process there are various ways to make the web pages layouts which include the following:
Ice page layout.
This type of the page layout does not have any change in terms of width even if the browser width changes but it remains narrow and can be viewed by the users very comfortably at any type of resolution selected by the designers (Cederholm 2015).
However all the website contents at times is located any part of the web page since it uses either left, right or even centered alignments but maintains the web page width.
Jello page layout.
This is type of page layout that the designer uses to design the web page and in this the various page elements stretches and adjusts to the fit in the screen’s width while others remains with fixed width.
However the jello web page contents can have either the left, right or centered alignments or those components can move depending on the screen resolution but the page contents that are set to have fixed width they maintain the width size even if they move with the resolutions.
Liquid page layout.
This is the other type of the page layout that is used by the developers where the page elements moves and stretches depending on the width of the screen ,however the text in the web pages tends to re-wrap in order to match the new screen widths.
However in this page layout the images/photos/graphics they do not stretch according to the screen width unless they are stretched by use of adobe flash player which make the locations to change as well.
In this case the website pages had been designed using the jello page layout as justified below.
In the website design the type of font is highly considered in order to ensure the content and the text is visible and attractive to various website visitors and they can read the content without much constrains, some of the features that are put into consideration are the font faces, weights and the sizes as justified below for various types of the web components (Casciano 2010).
Below are the Header 1 (H1) font properties.
|
Font elements |
Selected |
Justifications |
|
Font face |
Times New Roman”, Times, serif |
The header 1 is one of the elements in the web pages that are used to identify the website titles and to highlight the major topics therefore the font properties selected are selected to make the text to be clear and legible, however the time new roman font face was selected since it is the most standard and official to use in the website contents delivery. |
|
Font weight |
300 |
|
|
Font size |
30px |
Subheadings
Below are the Header 2 (H2) font properties.
|
Font elements |
Selected |
Justifications |
|
Font face |
Times New Roman”, Times, serif |
In this case the web page uses the header two to identify the major sub topics or subheading the website and therefore the website is using the font size of 25px to make it different form the header 1 font size which highlights the major headings, however it has the font weight of 200 which fits best the highlighting of the major sub topics. The times new roman is used as the font face since is the most recommendable font face because it is most standard and official to use. |
|
Font weight |
200 |
|
|
Font size |
25px |
Below are the Header 3 (H3) font properties.
|
Font elements |
Selected |
Justifications |
|
Font face |
Times New Roman”, Times, serif |
The header the is the third smallest type of header and is used in the web pages to identify the minor sub headings in the website where they use 150 font weight and 20px font size in order to make it easy for the website users to identify the minor subheadings, however the time new roman font face is used as it is the most standard type and it is officially applied. |
|
Font weight |
150 |
|
|
Font size |
20px |
Main content
Below are the various Paragraphs’ font’s properties.
|
Font elements |
Selected |
Justifications |
|
Font face |
Times New Roman”, Times, serif |
The other web page contents is made of paragraphs which requires a slightly smaller but legible texts where the 100 font weight and 14px font size is used to make the text smaller then the headings but remains clear and legible to the users, however the content uses the times new roman font face since it is standardized and recommendable for the normal web page contents. |
|
Font weight |
100 |
|
|
Font size |
14px |
Below are the various Paragraphs’ font’s properties.
|
Font elements |
Selected |
Justifications |
|
Font face |
Times New Roman”, Times, serif |
The other web page contents is made of paragraphs which requires a slightly smaller but legible texts where the 100 font weight and 14px font size is used to make the text smaller then the headings but remains clear and legible to the users, however the content uses the times new roman font face since it is standardized and recommendable for the normal web page contents. |
Conclusion
The restaurant website designing process had involved various processes which includes the identification of the user expectations, the target audience and clients ,the importance of the website ,analysis of the existing competitors , identification of the principles of the web design ,selection of the font properties including the font face ,font weight and font size. However the report covered the type of the page layout that will be used in the designing process of the entire website where the sample page is presented. The development of the website was done after successfully selection of the page layout where the designing process was carried out using the html and css programming language.
Therefore the implementation of the website will have positive impact on the restaurant where the number of target customers will increase, the communication between the restaurant and customers will also be improved, the restaurant will be able to publicize and advertise their offered meals and drinks, the customers will be able to have access to the restaurant information and the customers will be able to order for meal or dish at any time regardless of the location.
References
Casciano, C.(2010)The CSS Pocket Guide. 1st edn.San Francisco: Peachpit Press.
Cederholm, D.(2015) CSS3 for Web Designers.4th edn. New York: A Book Apart.
Marcotte, E.(2011) Responsive Web Design. 2nd edn.New York:A Book Apart.
Meyer, E.(2011)Cascading Style Sheets: The Definitive Guide.3rd edn.New York:O’Reilly & Associates.
Gillenwater,Z.(2010) STUNNING CSS3: A Project-based Guide to the Latest in CSS.1st edn. San Francisco: New Riders Press.
Castro,E.(2013) HTML5, and CSS, Eight Editions: (Visual Quick Start Guide).3rd edn.San Francisco:Peachpit Press.
Felke, M.(2014) Web Development & Design Foundations with HTML5.1st edn. California: Addison-Wesley.
Pfeiffer, S(2015) Beginning HTML5 Media: Make the most of the new video and audio Standards for the Web.2nd edn. New York: Press.
Essay Writing Service Features
Our Experience
No matter how complex your assignment is, we can find the right professional for your specific task. Contact Essay is an essay writing company that hires only the smartest minds to help you with your projects. Our expertise allows us to provide students with high-quality academic writing, editing & proofreading services.
Free Features
Free revision policy
$10Free bibliography & reference
$8Free title page
$8Free formatting
$8How Our Essay Writing Service Works
First, you will need to complete an order form. It's not difficult but, in case there is anything you find not to be clear, you may always call us so that we can guide you through it. On the order form, you will need to include some basic information concerning your order: subject, topic, number of pages, etc. We also encourage our clients to upload any relevant information or sources that will help.
Complete the order form
Once we have all the information and instructions that we need, we select the most suitable writer for your assignment. While everything seems to be clear, the writer, who has complete knowledge of the subject, may need clarification from you. It is at that point that you would receive a call or email from us.
Writer’s assignment
As soon as the writer has finished, it will be delivered both to the website and to your email address so that you will not miss it. If your deadline is close at hand, we will place a call to you to make sure that you receive the paper on time.
Completing the order and download