Title: CMS-STRUCTURE

Name: Prabhujot Singh

Planning:
 Articulate the objective of the website, encompassing its intended audience and
objectives.
 To gain insights into user wants and preferences, it is imperative to undertake market
research.
 A site map should be generated to delineate the organization and navigational aspects of
the website.
 The selection of systems and technologies for development purposes should be
determined.

Design:
 Create wireframes that visually represent the arrangement and organization of web pages.
 The task at hand involves the creation of user interface (UI) and user experience (UX)
components, encompassing colour schemes, layout, and graphics.
 Develop mockups or prototypes to visually showcase the appearance and user experience
of the website.

Development:
 A development environment should be established, which should consist of a local server
and a code editor.
 HTML markup is utilized to arrange and organize the content of web pages.
 The website should be styled using CSS to improve its visual appeal and arrangement.
 Employ JavaScript or alternative programming languages to incorporate interactivity and
performance.
 It is imperative to guarantee that the website is both adaptable and compatible with
various devices and technologies.
Testing:
 Perform usability testing to assess the website's user-friendliness and efficacy.
 Cross-browser testing should be conducted to verify compatibility across different web
browsers.
 Evaluate the performance of the website, encompassing metrics such as page load rates
and speed.
 Detect and rectify any software defects or problems identified during the testing phase

Launch:
 The selection of a hosting service and a domain name for the website should be made.
 Utilize either FTP or a hosting service's control room to transfer the website's contents to
the web server.
 The DNS settings should be configured to direct the domain name to the web server.
 Conduct final inspections to verify the website's appropriate functionality.
 The website should be launched and its efficacy and user feedback should be monitored.

Summary
Throughout the development of our website, we employed a methodical approach to ensure a
polished framework and user-friendly interface. During this phase, the website's objective was
established, the target audience was defined, and the goals were determined. This involved
analyzing market research to ascertain the requirements and perspectives of users, which
subsequently aided us in making these judgments.

Subsequently, the design creation process commenced, and wireframes were generated to
illustrate the visual and structural aspects of the web page. They achieved this by developing a
consistent brand and a simple user interface (UI) that effectively conveys communication and
contributes to a cohesive brand.

The development of the website involved the utilization of the following programming
languages. In addition, we ensured a high level of responsiveness and consistency throughout all
phases and programs. We prioritized usability and accessibility, implementing innovative
methods to improve the whole user experience.

During the initial phase, we came to understand that the seemingly self-evident navigation is a
crucial component. To achieve this objective, Canva was chosen as a viable solution due to its
potential efficacy in facilitating the creation of a website's visual sitemap through the
organization and visualization of content hierarchy. The utilization of this particular site map
facilitated the comprehensive identification of all necessary components to be incorporated into
our website, thereby establishing a coherent and organized hierarchical structure. Consequently,
users were able to comprehend the interconnections between various pages and effectively
traverse the site.

A hierarchical sitemap structure was selected to align with the logical organization of our web
pages, wherein the primary pages serve as indicators for the commencement of a future subpage
containing more comprehensive information. This feature not only offers consumers the
convenience of locating desired information and transitioning between different sections of the
website with a single click, but it also fosters user engagement with the site.

Nevertheless, we are confident that we have developed a website that is easy to use and user-
friendly. We have utilized a visual map as an instrument to organize the material in a way that
effectively caters to the requirements of our intended audience.

In summary, our systematic approach, in conjunction with a visual sitemap, has enabled us to
construct an informative website that facilitates seamless browsing. This website offers an
appropriate platform for effectively communicating our brand message to our target audience.
The website's purpose, target audience, and objectives were carefully devised, and the layout was
carefully selected and crafted to enhance the user experience throughout all sections of the site.
In conjunction with the wireframe and design prototype, we enhanced the visual appeal and
responsiveness of the website, while also ensuring its accessibility. The utilization of Canvas
hierarchical structure in the creation of a visual map facilitates user navigation on our website,
offering an efficient and seamless means of accessing our content. Ultimately, the website we
have created serves as evidence of business reliability in the online realm.

Screenshot of the Sitemap created on Canva:

Kraynak, J. E. (2011). Build Your First Website in Simple Steps. Pearson UK.

Cooper, N. (2014). Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress.
No Starch Press