Website Design using HTML, CSS, Bootstrap, and JavaScript

This website has been developed for the Pacific View Hotels. It has been famous hotels all over the world. The CEO of the Pacific View Hotels is Peter Lawson. The organization has been established in 1982. The Pacific View Hotels have been operating prestigious luxury properties in ten major cities. Various cities include Tokyo, Beijing, Shanghai, New York, Bangkok and Paris.  The Pacific has been a legend in this industry providing specific services to the customers. Therefore, it has been affecting the market in a positive manner.  The branding of the company has been helping in the growth of the company in the market.  The use of the branding can be done by the use of the website in the internet.  Therefore, thus project has been focused on the redesigning the website of the company.  The previous website of the company has not been updated for a long time.  Therefore, the customers have been attracted to visit their website.  This has been creating loss for the company in the market.  The marketing of the company has been depended in the online outsourcing in the market.  The services provided by the company has been maintained over the website of the company.

This website has been developed using HTML, CSS3, Bootstrap and JavaScript. The website contains 12 pages. The pages have been designed using HTML and CSS. The logic and functionality of the pages has been designed using JavaScript. There has been mobile responsive site view being developed using bootstrap. Bootstrap is front end framework developed by Twitter. It has been a sleek, intuitive and powerful that helps in faster and easier web development. Bootstrap 3 framework consists of Mobile first styles throughout entire library of them in separate files.  The Bootstrap framework is easy to start with the help of HTML and CSS integration. IT has been responsible for responsive design of the website. The bootstrap package include basic structure of grid system, background and link styles. Bootstrap include the feature of global CSS settings and basic HTML elements with enhanced extensible classes and advanced grid systems.  The Bootstrap contains many reusable components built with iconography, dropdowns, pop-ups and navigation. Bootstrap include various jQuery plugins. This easily help in covering all the sections of Bootstrap plugins. Bootstrap has been helping in developing the mobile responsive website for the company. The pages has been developed using the HTML. The HTML stands for hypertext markup language. HTML has been used for developing 12 pages including home page, About Us, Hotels and Resort, Rooms, Area attraction, dining, special events, offers, my reservation, Contact Us and references. Therefore, the framework of the pages have been developed using HTML.

Mobile Responsive Design using Bootstrap Framework

The designing of the pages has been done using CSS3. Each of the HTML page and CSS have been passed the W3C validation. All the pages have been validated using W3C validator. All errors detected in the process have been removed immediately from the website.  The website has been attractive in looking and colorful. The colors used in the website are Black, Golden, Grey and White. The base color of the website has been black and golden.  The color combination of black and golden have been looking very attractive. The font color has been kept in white.  This color combinations have been helping in providing proper look to the website.  The users can easily go through the website in a smooth way.  The navigation of the page has been kept normal and properly functionality.  This has been helping in maintaining keen approach to the development of the company in the market. All pages have been meaningful title with same background that helps in providing proper look to the website.  The base color of the website has been kept black in all the pages. All the menus in website have been in the same place in all the pages.  The use of the bootstrap has helped in maintaining appositive approach in the development of the website. The same position of the menus have been helping proper navigation in the pages. There has been one external style sheet, and optionally internal style sheets in different pages. The style sheet should contain only the rules which are common more than 2 pages or all pages. The internal style sheet should contain rules which are used only in one particular page. All pages have been organized in good structure.

The layout of the pages have been based in the proper layout techniques. There have been use of <div> for layout of the pages. The use of <table> has not been used in the layout of the page. The text border and background has been contrasting and no use of different colors have been done. There are more than 20 images in the website representing various sections of the website and hotels.  The use if the images have of high quality and pixel size.  These images have been mentioned in different purposes.  However, images in offered page have link to about that will pop-ups for describing type of offers and all its details. JavaScript has been used for making this website responsive and alert boxes has been used thorough using JavaScript for form input validation. There has been one online hotel reservation form included in the website that helps in reserving rooms in various hotels of the organizations.  This will help in increasing the sales of the company in the market. The logo of the company has been developed using Photoshop.  There has been different hotels in the logo with the name of the company.  There has been a symbolic meaning of the logo of the company as bringing a dawn in the hotel industry.  Therefore, this will help in developing brands value of company in the market.  The use of Photoshop has helped in creating graphical outlook of the website. The users can easily go through the website in a smooth way.  The navigation of page has been kept normal and properly functionality.

Website Color Combination and Navigation

It can be concluded that the website has been properly designed with all the requirements fulfilled. This website will help in development of the organization in the market. The online marketing of the hotels have been enabled with the help of development of the website. I have used HTML, CSS, Bootstrap and JavaScript. The use of these technologies have been helping in developing the website in an attractive manner. The use of HTML and CSS have been helping in developing the framework of the website.  This website might help in developing the brand image of the company in the market.  The use of the color combination has been helping in contrasting the background of the website. The use of color combination of black and golden have been contrasting in nature. The font used in the website has been google fonts that helps in proper visualizing and attractiveness of the website by the users.

References

Cheek, R., Sale, M. and Wolverton, C.C., 2018. UX (User Experience)-Driven Website Design Utilizing Analytic Hierarchy Process (AHP) Multi-Attribute Decision Modeling. In Entrepreneurship, Collaboration, and Innovation in the Modern Business Era (pp. 121-135). IGI Global.

Chisnell, D. and Redish, J.G., 2016. Modelling older adults for website design. In Generational Use of New Media (pp. 125-154). Routledge.                            

Cyr, D., Head, M., Lim, E. and Stibe, A., 2018. Using the elaboration likelihood model to examine online persuasion through website design. Information & Management.

Hasan, B., 2016. Perceived irritation in online shopping: The impact of website design characteristics. Computers in Human Behavior, 54, pp.224-230.

Ivanova, I. and V?tols, G., 2017, April. “GLOCALIZATION” STRATEGY IN WEBSITE DESIGN. In 12th International Scientific Conference STUDENTS ON THEIR WAY TO SCIENCE (undergraduate, graduate, post-graduate students) Collection of Abstracts April 21, 2017 (p. 63).

Kuder, M., Goheen, M.J., Dize, L., Barnes, M. and Gaydos, C.A., 2015. Evaluation of a new website design for iwantthekit for chlamydia, gonorrhea, and trichomonas screening. Sexually transmitted diseases, 42(5), p.243.

Kwak, D.H.A., Ramamurthy, K.R., Nazareth, D. and Lee, S., 2018. The moderating role of helper’s high in anchoring process: An empirical investigation in the context of charity website design. Computers in Human Behavior, 84, pp.230-244.

Lee, T.S., Ariff, M., Shoki, M., Zakuan, N. and Sulaiman, Z., 2016. Assessing Website Quality Affecting Online Purchase Intention of Malaysia’s Young Consumers. Advanced Science, Engineering and Medicine, 8(10), pp.836-840.

Liu, C.Y. and Liao, P.Y., 2016, June. Applying multivariate analysis of variance and Kansei engineering theory to the website page design method. In Applied System Innovation: Proceedings of the 2015 International Conference on Applied System Innovation (ICASI 2015), May 22-27, 2015, Osaka, Japan (p. 231). CRC Press.

McDowell, W.C., Wilson, R.C. and Kile Jr, C.O., 2016. An examination of retail website design and conversion rate. Journal of Business Research, 69(11), pp.4837-4842.

Pengnate, S.F. and Sarathy, R., 2017. An experimental investigation of the influence of website emotional design features on trust in unfamiliar online vendors. Computers in Human Behavior, 67, pp.49-60.

Rodríguez-Molina, M.A., Frías-Jamilena, D.M. and Castañeda-García, J.A., 2015. The contribution of website design to the generation of tourist destination image: The moderating effect of involvement. Tourism Management, 47, pp.303-317.

Schmutz, S., Sonderegger, A. and Sauer, J., 2018. Effects of accessible website design on nondisabled users: age and device as moderating factors. Ergonomics, 61(5), pp.697-709.