Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Scenario:
Berimbolo Security offers and installs security systems for homes and small businesses. The company has recently seen an
increase in demand for the services they provide. To meet this demand they are trying to improve how they use Information
Technology.
The company owners have decided that it would be beneficial to the business to have their own website. I work as a web
developer and have been hired to Berimbolo to help with developing their new website.
Websites:
https://www.securitas.ae
https://www.g4s.com/en-ae
G4S: G4S is a well-known security services provider with operations in more than 90 nations. They offer a wide range of
security solutions, making them a flexible option for different security requirements. The services provided by G4S include
manned guarding, cash management services, risk advice, and electronic security systems like as CCTV surveillance and
access control. They are particularly renowned for their dedication to technological integration, providing cutting-edge
security technologies and remote monitoring to improve safety measures. G4S provides services to a broad range of clients
in sectors including healthcare, banking, transportation, retail, and government. Even though they have previously been
involved in disputes regarding the treatment of employees and management, they have been actively attempting to enhance
their corporate culture and reputation.
Securitas: Another significant participant in the security sector, Securitas, has operations in 56 nations with a main emphasis
on guarding services. Their primary competitive advantage is in supplying trained security officers who patrol, manage access
control, maintain a physical presence at client locations, and respond to security events. In addition, they provide electronic
security solutions like surveillance cameras and access control, as well as mobile security patrols. Securitas is widely known
for its professionalism and dedication to employee well-being throughout Europe and North America, where it has a sizable
presence. Securitas security personnel regularly receive specialised training, preparing them to tackle a variety of security
issues. Despite the fact that they do provide electronic security solutions, their core area of competence is providing humanbased security services, which they do while placing a big focus on professionalism and training.
Website
screenshots
Layout
design
and
Navigation
and
Accessibility
Features and
Functionality
The image above shows the layout which consists of 7
separate tabs containing an about us page what they do
their industries etc. On the “What we do” page they have
information about the solutions they provide comparing it
to that of Securitas G4S have more of scattered format to
explain each and every solution from the design to the
maintenance.
Each of the tabs are designated with a certain
information, the tabs consist of a landing page, who we
are, what we do, Social Responsibility, Media Centre.
They are easy to access as it is on the search bar visible to
anyone online
There’s no such special feature in built into the website
however they have a tab talking about their social
responsibility in general which isn’t available in Securitas.
Use of Media and objects:
The use of the media is very visible for visual appeal
however due to the tabs on the taskbar seems more
cluttered making the overall website look too simple
SEO :
The image above shows the layout of Securitas which unlike G4S
consists of 5 tabs, the landing page simply talks about the
company and what services it provides and the tabs above helps
redirects to its services which is shown in the image above over
here they have listed the service in a much-compressed manner
making the overall layout of the website look more neater
compared to the G4S website.
Each of the tabs consist of different services Securitas provides a
total of six services these services can also come in form of a
package deal specified to the specific sectors they look at which
can be figured out by checking the solutions tab. The website is
easy to navigate around each of the tabs consists of the
information’s required.
There’s no special feature built in the website but they do talk
about the careers they offer in their space which is common in
the
G4S
website
too.
Use of media and objects:
The use of the media is limited but in a concise manner making
the website have a more minimalistic approach the use of
floating menus has helped with constriction of the tabs available
making the overall visual appeal more sophisticated.
SEO:
Unit 6: Website Development
Ifra Mukadam Year 13F
Using the “view page source” you can clearly see the use
of meta tags for indexing the information from found on
the web. The meta tags helps indexing the pages into
different tab which is later on scripted into a click on menu
filled with extra information. By searching certain
keywords, you can find the website on your own search
pages.
Content and
Information
The information provided talks clearly about each of the
services and products they sell in their company along
with how they’ll be going on with their processes
The
suitability
for the target
audience
The website is clearly constructed giving the provided
information for each of their solutions and how it is
provided they even describe the process of the whole
work, however unlike the “Securitas” they don’t talk just
about the services however talk about a whole
generalized solution for the services they provide which
include “Security Services, Electronic Security Solutions,
Facilities Management and Aviation Services and First
Select Employment Services”
BTEC IT
By selecting the “view page source” It shows you how the meta
tags are used for indexing the information from found on the
web. The meta tags help indexing the pages into different tab
which is later on scripted into a floating menu with the help of
java script and has cookies enabled making it easier for
customers to let the website remember their information if they
visit the site. When searching a certain pair of keywords like
“electronic security services” you can find the website on your
own search pages.
The information provided talks clearly about its services in
different tab, it talks about the different responses you can get
from the remote services they provide and have given a diagram
talking about the kind of equipment
The website is constructed in a neat manner providing
information for each of their services and solutions talks about
how it will be provided and achieved unlike that of G4S, Securitas
has made sure to talk about the services in detail and explain the
services and solutions. It talks about the main objectives the
solutions they can use and the services they would provide for
the same.
Analysing the use of web design and development principles
The design and development of the G4S
The design of G4S is easy to read through and accessible however it seems to be cluttered all over the place with the
placements of the images and descriptions talking about the processes. There are more media and descriptions included on
the pages, and the taskbar consists of all the necessary tabs however they could have reduced the number of tabs used by
adding the tabs “Who we are and What we do” tabs into one about us tab.
G4S's website employs various web design and development principles. While it offers a comprehensive range of security
solutions, its website layout appears complex, with seven tabs that scatter information across its pages. The design can be
overwhelming, potentially affecting user experience. However, G4S excels in navigation and accessibility, with clearly labeled
tabs that make finding specific information easy. The inclusion of a dedicated tab for social responsibility showcases the
company's values and commitments, a good practice in website development. G4S also utilizes SEO techniques effectively,
making its content discoverable through search engines. Although the website provides detailed information about services
and products, it may benefit from streamlining content and tailoring it to specific target sectors to enhance its appeal.
The design and development of the Securitas
The design of Securitas is easy to read through and accessible the web developers have managed to give it a sort of
minimalist approach which helps it be easier. The website's functionality is simpler to use making it more user-friendly and
it is easier to navigate and talks about each of its services and about the systems it provides.
Principles
 user-friendly inquiry and quote request system that collects essential client information and securely processes
service requests is crucial.
 Clients should have easy access to contact G4S through readily available contact information, including email
addresses, phone numbers, and a possible live chat feature, for swift assistance.
 G4S's array of security services and solutions should be presented in a clear and organized manner, possibly through
a detailed service catalog, showcasing the breadth and depth of their offerings.
For Securitas:
 Clients anticipate clear access to information about Securitas's human-based security services, including details
about security officers, service areas, and pricing.
 Clients' interest can be sparked by a website that is visually appealing, featuring professional imagery, videos, and
graphics highlighting Securitas's security personnel in action, training programs, and client testimonials.
 The website should emphasize Securitas's dedication to professionalism, employee well-being, and training, as
clients entrust them with their security needs.
 For a smooth client interaction, a user-friendly inquiry and service request system that gathers essential client
information and efficiently processes security service inquiries is essential.
 Clients should have easy access to contact Securitas through readily available contact information, including email
addresses, phone numbers, and possibly a live chat feature, to address security concerns promptly.
Unit 6: Website Development

Ifra Mukadam Year 13F
BTEC IT
Securitas's range of security services should be presented in a clear and organized manner, possibly through a
detailed service catalog, outlining their comprehensive security solutions and industry-specific expertise.
Use of Media and Objects - G4S: G4S's website incorporates various media elements to enhance its visual appeal and engage
visitors. These elements, such as images, videos, and graphics, are used to illustrate their security solutions and showcase
their expertise. However, the website's design, characterized by numerous tabs and sections, can sometimes make the overall
presentation appear cluttered. While the use of media is evident, there's potential for G4S to harness more creativity and
innovation in the presentation of these elements to create a more captivating and user-friendly online experience. By
balancing their content-rich approach with innovative design, G4S could better showcase their security solutions and make a
more memorable impression on visitors.
Use of Media and Objects - Securitas: Securitas's website takes a more minimalistic approach when it comes to the use of
media and objects. While it does incorporate visuals, they are employed in a concise and strategic manner, contributing to a
clean and sophisticated design. The simplicity of the layout and the strategic use of media objects, such as icons and graphics,
create an efficient and user-friendly experience. However, there's room for creative enhancements that can further engage
visitors and differentiate Securitas from competitors. By exploring innovative ways to integrate media elements while
maintaining their minimalist approach, Securitas could potentially elevate the visual appeal and interactivity of their website.
Creativity and Innovation: Both G4S and Securitas primarily focus on delivering comprehensive information about their
security services on their websites. While this content-rich approach is informative, it leaves room for more creativity and
innovation in web design. Interactive features, animations, or unique storytelling methods could help these security
companies stand out and make their websites more engaging. Incorporating innovative elements not only captures visitors'
attention but also leaves a lasting impression, which is crucial in a competitive industry like security services. Balancing
informative content with creative design can enhance the overall user experience and help both companies differentiate
themselves in the market.
SEO (Search Engine Optimization) : Both G4S and Securitas recognize the importance of SEO in ensuring their websites are
easily discoverable through search engines. They employ meta tags, keywords, and other optimization techniques to improve
their search engine rankings. This commitment to SEO reflects their efforts to make relevant content accessible to users
conducting online searches. An effective SEO strategy is crucial for attracting organic traffic and increasing the visibility of
their services online, ultimately helping these companies reach a broader audience and potential clients. By continuously
optimizing their websites for search engines, G4S and Securitas can maintain a competitive online presence in the security
services industry.
Factors affecting the website performance
Browser compliances
Browser Compliance for G4S:
G4S places a strong emphasis on browser compliance to ensure a consistent and accessible user experience across various
platforms. The G4S website is designed and tested to work seamlessly on popular web browsers, including Microsoft Edge,
Safari, and Chrome. By adhering to web standards and optimizing code, G4S ensures that visitors using these browsers can
access the site's comprehensive security solutions, view informative content, and utilize interactive features without
compatibility issues. This commitment to browser compliance enhances user satisfaction and accessibility, reinforcing G4S's
dedication to providing top-tier security services to a wide range of clients.
Safari
Microsoft edge
Browser Compliance for Securitas:
Securitas takes pride in its commitment to browser compliance, guaranteeing that its website functions flawlessly on key web
browsers like Microsoft Edge, Safari, and Chrome. By rigorously testing and optimizing the website's design and functionality,
Securitas ensures a consistent and user-friendly experience for visitors across these platforms. Clients and prospects using
any of these browsers can confidently access information about Securitas's human-based security services, interact with
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
interactive elements, and explore the site's content without encountering compatibility issues. This focus on browser
compliance aligns with Securitas's dedication to professionalism and user well-being, providing an inclusive and accessible
online environment for all.
Client-side scripting
G4S
Client-side scripting plays a crucial role in enhancing the user experience on the G4S website. Through JavaScript and related
technologies, various interactive features are integrated to improve usability. Form validation ensures that user inputs are
accurate and complete, especially important for contact, request, or login forms. Interactive maps, powered by Google Maps
API or Leaflet.js, allow clients to easily locate the nearest G4S office or security personnel. Image sliders and carousels are
used to showcase security solutions or highlight recent projects, making the presentation of information dynamic and
engaging. Additionally, client-side scripting can facilitate pre-filling forms for returning clients, improving convenience.
Interactive charts and graphs, created using libraries like Chart.js or D3.js, enable the visualization of security statistics and
performance data. Furthermore, client-side scripting ensures that the website is responsive across various devices and screen
sizes. Techniques like smooth-scrolling animations enhance navigation, providing a seamless and enjoyable user experience.
Securitas
Client-side scripting is a vital component of the Securitas website, offering interactive features and functionality that improve
user engagement. One of the standout features is the floating menu, which provides seamless navigation as users scroll
through the site's content. JavaScript is employed to create this floating menu, allowing for smooth transitions and an
unobtrusive user interface. As visitors explore the website's various services and solutions, the floating menu ensures that
essential navigation options, such as accessing different sections or contacting the company, remain readily available. This
feature contributes to an efficient and user-friendly browsing experience, reinforcing the professionalism and dedication to
user well-being that Securitas is known for. Additionally, other client-side scripting techniques may be employed to enhance
interactivity, such as form validation for inquiry forms, interactive charts depicting security statistics, and responsive design
elements that adapt to different device screens and sizes. Overall, client-side scripting enriches the Securitas website, making
it a valuable resource for clients seeking comprehensive security solutions.
Server-side scripting
Server-Side Scripting for G4S:
Server-side scripting is a fundamental component of the G4S website, providing dynamic functionality and ensuring seamless
interactions with clients. Utilizing server-side languages like PHP, Python, or Ruby, G4S can process user requests, retrieve
and store data in databases, and deliver dynamic content. For instance, the website's contact form submission is powered by
server-side scripting, ensuring that client inquiries are securely transmitted, validated, and stored in a database for later
reference. Server-side scripting is also instrumental in generating dynamic pages based on user preferences or search criteria,
such as customizing security service quotes tailored to specific client needs. Moreover, it plays a pivotal role in securing
sensitive information, such as client profiles or payment details, by implementing encryption and authentication mechanisms.
Overall, server-side scripting empowers G4S to deliver personalized and secure services, ultimately meeting organizational
requirements and enhancing the user experience.
Server-Side Scripting for Securitas:
Server-side scripting forms the backbone of the Securitas website, enabling dynamic functionality and seamless data
processing. Securitas relies on server-side scripting languages like Java to handle user requests efficiently. One essential
function of server-side scripting is managing the user authentication and access control system. This ensures that only
authorized individuals can access specific security-related resources or confidential information. Additionally, server-side
scripting is employed for handling complex data processing tasks, such as aggregating security incident reports or managing
personnel records. It plays a vital role in ensuring the security and integrity of user data through encryption and robust data
validation procedures. Furthermore, server-side scripting is used for content management, allowing administrators to update
and maintain the website's information and services easily. Overall, server-side scripting empowers Securitas to deliver
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
secure, organized, and user-restricted access to critical security-related data and resources, aligning with their commitment
to professionalism and client well-being.
EVALUATION
G4S:
G4S places a strong emphasis on web design principles to deliver a comprehensive range of security solutions to clients
worldwide. In terms of layout and design, G4S's website features seven separate tabs, including an "About Us" page and
information about their services and industries. However, the design can appear somewhat cluttered, with scattered
information on each solution. To improve navigation and accessibility, G4S could consider consolidating tabs, such as merging
"Who We Are" and "What We Do" into a single "About Us" tab. Nevertheless, the tabs on the website are well-labeled and
easily accessible through the search bar, ensuring that visitors can quickly find information. This contributes significantly to
user-friendliness and accessibility.
G4S effectively incorporates media elements such as images, videos, and graphics to visually represent its security solutions.
However, the abundance of tabs and sections can sometimes make the website appear cluttered. To enhance the design
further, G4S could explore more creative and innovative approaches to present these media elements. Additionally, G4S
employs SEO techniques with meta tags and keywords, ensuring that its content is discoverable through search engines. This
guarantees that potential clients can easily find information related to security services. Content-wise, G4S provides clear
information about each of its services and products, along with detailed explanations of how these services are executed.
While the information is comprehensive, tailoring the content more specifically to different sectors, such as healthcare,
banking, transportation, and retail, could enhance its suitability for the target audience.
Securitas:
Securitas, another prominent security services provider, also adheres to web design principles to ensure a user-friendly
experience. Their website features a simpler and neater layout compared to G4S, with just five tabs. The landing page
efficiently introduces the company and its services in a compressed manner, creating a cleaner overall design. The
streamlined navigation on Securitas's website enhances user-friendliness, as visitors can easily access information about its
services, solutions, and more.
Securitas adopts a minimalist approach to the use of media and objects on their website. While visuals are present, they are
employed sparingly and strategically, contributing to a clean and sophisticated design. This simplicity in design aligns well
with Securitas's focus on professionalism and user well-being. Like G4S, Securitas also utilizes SEO techniques effectively,
employing meta tags and keywords to ensure its content is discoverable through search engines. This commitment to SEO
helps potential clients find relevant information about security services easily.
In terms of content and information, Securitas provides clear and detailed information about its services, including responses
to remote services and equipment diagrams. This in-depth information helps potential clients understand their offerings
better. Furthermore, Securitas constructs its website to be suitable for its target audience, offering detailed explanations of
its services and solutions and outlining the main objectives it aim to achieve. In summary, both G4S and Securitas prioritize
web design principles to create websites that cater to their respective client requirements. While G4S provides
comprehensive information about its services, Securitas presents information in a more minimalist and user-friendly manner.
Both companies focus on navigation and accessibility, making it easy for users to access relevant information. Additionally,
both prioritize SEO to ensure their websites are discoverable. However, there is room for creativity and innovation in the use
of media and objects to enhance the overall visual appeal and user engagement on both websites.
Web designs
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT
Unit 6: Website Development
Ifra Mukadam Year 13F
BTEC IT