Front-end Website Design & Development

Web Design & Development
Project Overview
Tasked to do develop a potential web solution for a business enitity.
My Contributions
Business Analysis | Branding & Design | Website Development  
To finish this project, it involved the completion of two courses from our Web-Development program. These were Business Analysis & Client Side Web Development.

For the business analysis course, we were formed into groups. We conducted an in-depth analysis of requirements needed for a business enterprise and suggested a possible solution. At the same time, we were tasked to design and develop the interface of the solution.

Our group arrived with the conclusion to revamp the current website of the conceptual business entity and suggested to integrate a booking platform for it. For the design and development stage, each of the members made their own website. The website I done was a static website and is not published online. It is solely focused on the front-end nature of it. Database and back-end works were not established yet.

To create the website, I had to design from scratch using Figma, once I was satisfied with my design, I developed the website, utilising HTML, CSS, JavaScript,and some JQuery function.
The Botanic Hotel
Website
Web Development
(School Project)
October - December 2021

Business Analysis Summary

Problem

The conceptual business entity has a static website and manages reservations with the use of traditional Spreadsheet booking system resulting in an inefficient business process. Problems encountered with current system include recording payments, booking errors, inability to manage bookings, reduced occupancy levels, and competitive room rates.

Solution

A successful solution would be to enable guests to search for rooms and book online directly reducing commission rates to 3rd party booking platforms, reducing errors, improving guest experience and integrate into our accounting system to allow management to increase occupancy and improve room rates via querying more accurate financial data.

User Stories

GUESTS
As a guest, I want to view hotel information,
check date availability and easily book a
room online. 
RESERVATIONS
I want to have access of booking system to
make bookings and send confirmation to
guests' email
RECEPTIONIST
I want access of the hotel booking system
to check reservation of guests
HOTEL MANAGER
I want to set room rates, publish, and update
hotel information in the website, to optimize
our position in the market.

Site Map Plan

Digital Wireframes

Prototype

Built with HTML/CSS/JQuery