LAKME SALON WEBSITE

Internship Industrial Activity Report

Submitted by

KEERTHIKA.M
(Reg. No: 23MC2408)

Under the Guidance of

Dr. P. SRIMANCHARI
Assistant Professor in Computer Science

PG AND RESEARCH DEPARTMENT OF COMPUTER SCIENCE

ERODE ARTS & SCIENCE COLLEGE (Autonomous)

(Affiliated to Bharathiar University, Coimbatore)

Accredited by NACC with A+ Level

ERODE -638 009

OCTOBER– 2024
 CERTIFICATE

Certified that this is a Bonafide Record of the Internship Industrial Activity done by
KEERTHIKA.M Reg.No: 23MC2408 of semester III, MCA in the Department of
Computer Science, Erode Arts and Science College (Autonomous), Erode – 638009 during

the Academic year 2024 – 2025.

Signature of the Guide Head of the Department

Signature of the Principal

Viva-Voce Examination held on

Internal examiner
INTERNSHIP COMPLETION CERTIFICATE
 CONTENTS

PAGE
S. No. TITLE
NO.
1 COMPANY PROFILE 01

2 ABSTRACT 02

3 SYSTEM SPECIFICATION 03

4 SOFTWARE DESCRIPTION 04

4.1 ABOUT THE PROJECT 04

4.2 OBJECTIVES 04
4.3 FRONTEND TECHNOLOGIES
07

4.4 OTHER TECHNOLOGIES

08

4.5 DEVELOPMENT TOOLS 08

5 MODULE DESCRIPTION WITH SCREEN SHOTS 10

6 CONCLUSION 20
 CHAPTER - 1

COMPANY PROFILE

1
 CHAPTER - 2
ABSTRACT

The Lakme Salon website is a responsive, user-friendly platform designed to

enhance the online presence of the salon and promote its wide range of beauty services.
Built using HTML5, CSS3, Bootstrap, and JavaScript, the website features a clean
and modern layout that adapts seamlessly to all devices. Its key features include a
carousel showcasing services and promotions, an interactive services section with
detailed descriptions of offerings such as hairdressing, manicure, and pedicure, and a
contact form that allows clients to easily get in touch with the salon. Additionally, an
embedded Google Map provides clear directions to the salon’s location.

The website aims to improve client engagement by offering essential information

in an organized and visually appealing manner, while also enhancing accessibility
through responsive design and interactive elements. The integration of CDNs for
external libraries ensures fast loading times, and HTML5 form validation improves data
accuracy in client submissions.

The project successfully meets the salon’s business objectives of increasing

brand visibility, attracting new clients, and offering a convenient, digital interface for
potential customers. The site is also built to scale, providing opportunities for future
enhancements such as online booking systems and live chat support.

In conclusion, the Lakme Salon website serves as a comprehensive, engaging,

and effective digital platform that aligns with modern web standards while meeting the
operational needs of the salon. It acts as a solid foundation for further growth and
customer interaction, making it a valuable tool in today’s competitive beauty industry.

2
3. SYSTEM SPECIFICATION

SOFTWARE SPECIFICATION

Operating System : Windows 11

Front End : HTML, CSS, Bootstrap and JavaScript

Software : Visual Studio Code

HARDWARE SPECIFICATION

Processor : Intel Core i5

RAM Capacity : 16 GB

Hard Disk : 256 GB

Keyboard : Logitech 107 Keys

Monitor : 14 inch

Mother Board : Intel

Speed : 1.60G

3
 CHAPTER - 3

4.SOFTWARE DESCRIPTION
The "Lakme Salon" business website is built using a combination of industry-
standard web development tools and technologies to ensure functionality,
responsiveness, and an appealing user interface. Below is a detailed description of the
software used in this project

4.1 ABOUT THE PROJECT

The "Lakme Salon" business website is an interactive platform designed to

provide a seamless experience for customers looking to book beauty and wellness
services online. The website serves as a digital extension of the Lakme Salon brand,
offering a range of features including online booking, service descriptions, pricing, and
gallery showcasing the salon’s offerings.

The project is built using modern web technologies, incorporating Bootstrap for
responsiveness, HTML5 for structuring content, and CSS for styling, with potential
integration of JavaScript for enhanced interactivity. The website aims to create a user-
friendly environment where customers can easily navigate through service categories,
view pricing, explore gallery images, and make online bookings.

4.2 OBJECTIVES

The "Lakme Salon" business website is developed with the following key objectives:

1.Enhance Customer Convenience:

 Provide a platform where customers can easily book appointments,

explore available services, and access essential information about the
salon from the comfort of their homes.
4
2.Promote Services and Offers:

 Showcase a wide range of beauty services, including hairdressing,

manicures, pedicures, and makeup, along with their pricing, to attract
potential customers and inform them of the latest offers and promotions.

3.Increase Online Engagement:

 Create a visually appealing and user-friendly website that encourages

customer interaction through features like an online booking system,
contact forms, and social media integration.

4.Improve Brand Presence:

 Strengthen the Lakme Salon brand’s online presence by offering a

professional, aesthetically pleasing website that reflects the salon’s quality
services and commitment to customer satisfaction.

5.Provide a Seamless User Experience:

 Ensure the website is fully responsive and functional across all devices,
providing an intuitive browsing experience for users on desktops, tablets,
and smartphones.

6.Facilitate Information Sharing:

 Offer comprehensive information on services, pricing, location, and the

salon’s work through various sections like "About Us," "Services,"
"Prices," and "Gallery."

5
7.Support Business Growth:

 Utilize the website to increase customer reach, improve the salon’s digital
marketing efforts, and support overall business growth by allowing
customers to engage directly through the platform.

Key Features:

 Online Booking System: Users can fill out a detailed form to book appointments
by entering their contact information, address, and preferred services.
 Service Listings: The website highlights various salon services including
hairdressing, manicure, pedicure, makeup, and more.
 Pricing Details: Detailed pricing information is displayed for each service
category, allowing users to understand the cost of different treatments and
packages.
 Responsive Design: The website is mobile-friendly, ensuring accessibility across
different device types (desktops, tablets, and smartphones).
 Gallery: A gallery section showcases the salon’s work through images of
hairstyles, manicures, and other beauty services.
 Contact Information: The website includes an interactive Google Map for salon
location and a contact form for customer inquiries.

The design and functionality of the "Lakme Salon" website ensure that it is
aligned with the modern expectations of online users while maintaining the brand’s
professional and elegant image.

6
4.3 Frontend Technologies

1.HTML5:

 Used for structuring the content of the website. HTML5 provides the basic
framework for the web pages, enabling semantic markup and a clean,
structured layout.

2.CSS3:

 Responsible for the styling of the website. CSS3 enhances the visual
appeal by applying custom fonts, colors, layout adjustments, and
responsive designs to ensure the website is aesthetically pleasing and
functional across various devices.

3.Bootstrap 4:

 A popular front-end framework used for building responsive, mobile-first

websites. Bootstrap’s grid system and pre-built components (like forms,
buttons, navigation bars, and carousels) allow for a quick and consistent
layout across devices.

4.JavaScript (Optional):

 JavaScript can be used to enhance interactivity on the website. For

example, it could be employed in form validation, adding animations, or
improving the user experience by dynamically updating content without
requiring a full page reload.

7
4.4 Other Technologies

1.Google Maps API:

 Integrated for displaying the salon’s location on the website. This allows
users to easily locate the salon through an interactive map embedded in the
contact section.

2.Font Awesome:

 Used for adding scalable vector icons that enhance the website's visual
aesthetics, especially in navigation bars, social media links, and call-to-
action buttons.

3.WOW.js and Animate.css:

 These libraries are used for adding animation effects to different sections
of the website. This enhances the visual appeal and draws attention to
important content, such as services or special offers.

4.Google Fonts:

 Custom fonts from Google Fonts have been used to give the website a
polished and modern appearance, ensuring consistent typography across
various devices.

4.5 Development Tools

1. VS Code:Visual Studio Code, a source code editor, is used for writing and

managing the codebase. It supports multiple programming languages, integrates

with Git for version control, and offers various extensions for productivity.

8
 2. GitHub:

 GitHub is used for version control and code collaboration. It enables the
team to track changes, manage multiple versions of the project, and
collaborate efficiently on the development process.

This combination of technologies ensures that the "Lakme Salon" business

website is fully equipped to provide a responsive, user-friendly, and visually engaging
experience. These tools help to create a platform that can handle both static and
dynamic content, depending on future project needs.

9
 CHAPTER - 4

5.MODULE DESCRIPTION
The "Lakme Salon" business website is divided into several key modules, each
serving a specific purpose to deliver a smooth user experience. Below is a detailed
description of the primary modules:

Home Page Module

Functionality:

 The homepage serves as the central hub for users visiting the website. It
introduces the salon and provides quick navigation to other sections like services,
prices, gallery, and contact information.
 This module includes a carousel to showcase images and promotional messages
about the salon's services and offers.

Key Components:

 Carousel with high-quality images of salon services.

 Navigation menu linking to different sections of the site (Services, Prices,
Gallery, Contact).
 Salon logo and branding.

Purpose:

 To make a positive first impression, attract users, and encourage them to explore
further.

10
About Us Module

Functionality:

 The "About Us" section provides details about the salon’s philosophy, mission,
and history. It highlights the professionalism of the salon team and how they
cater to client needs.

Key Components:

 An introductory paragraph describing the salon.

 Images related to the salon's ambiance and team members.

11
Purpose:

 Build trust and brand credibility by providing background information about the
salon.

Services Module

Functionality:

 This module showcases the various beauty services offered by Lakme Salon,
such as hairdressing, manicures, pedicures, makeup, and more. Each service is
described with accompanying images and brief descriptions.

Key Components:

12
  Service categories with titles, descriptions, and representative images.
 Call-to-action buttons for users to book services directly.

Purpose:

 Inform users about available services and provide quick access to booking
options for each service.

13
Pricing Module

Functionality:

 The pricing module lists the cost of all salon services. It is divided into categories
like Women’s Hairdressing, Men’s Hairdressing, Manicure, Pedicure, and Other
Services.

Key Components:

 A clear and organized list of services with corresponding prices.

 A breakdown of specific services, including specialized options like wedding
hairstyles, nail art, and more.

Purpose:

 Provide transparent pricing information so users can understand the cost of

services before booking.

14
Gallery Module

Functionality:

 The gallery module features images of the salon's past work, including hairstyles,
manicures, and other beauty services. This visually showcases the salon’s
capabilities and builds confidence in prospective clients.

Key Components:

 Image sliders and carousels displaying various beauty treatments.

 A collection of high-resolution images that represent the salon's services.

Purpose:

 Visually attract potential clients by showing the quality and variety of services
offered.

15
Booking Module

Functionality:

 The booking module allows users to schedule appointments online. Users can fill
out a form providing their email, contact information, and service preferences to
reserve a slot at the salon.

Key Components:

 A booking form with fields for name, email, service details, date, and time
preferences.
 A “Submit” button to confirm the appointment.

Purpose:

 Make it convenient for clients to book appointments at their preferred time,

increasing customer engagement.

16
Signup Module

Functionality:

 This module allows users to create accounts by registering on the website. The
form collects essential user information like name, email, and password.

Key Components:

 A registration form with fields for first name, last name, email, and password.
 Social login options (e.g., Google login) for quicker access.
 Validation features to ensure correct data input.

17
Purpose:

 Facilitate customer account creation for future login, booking, and personalized
service offerings.

Contact Module

Functionality:

 The contact module enables users to reach out to the salon for inquiries or
support. It also includes a map for locating the salon and an embedded contact
form for sending messages.

Key Components:

 Contact form with fields for name, phone number, and message.
 Google Maps integration showing the exact location of the salon.

18
Purpose:

 Provide multiple ways for customers to contact the salon for inquiries,
complaints, or special requests.

Footer Module

Functionality:

 The footer module contains essential contact information such as phone numbers,
email addresses, and quick links to the booking and signup pages.

Key Components:

 Contact numbers and email addresses.

 Social media links and other important navigation shortcuts.
19
7.CONCLUSION

The "Lakme Salon" business website successfully fulfills its purpose of creating
a seamless and professional online presence for the salon. With its modern, user-
friendly interface, the website provides customers with an efficient platform to explore
services, view pricing, and make bookings conveniently from their devices. Key
features such as responsive design, detailed service descriptions, and a gallery
showcase allow the website to effectively promote the salon’s offerings and build trust
with potential clients.

By integrating various modules like the booking system, pricing list, gallery, and
contact forms, the website ensures that users can easily navigate through the different
sections and access the information they need. Additionally, the inclusion of interactive
elements like Google Maps and online registration forms further enhances the user
experience, making it easier for clients to engage with the salon both virtually and
physically.

Overall, the Lakme Salon website represents a perfect blend of functionality and
aesthetics, designed to support the salon’s growth by reaching a wider audience and
offering a convenient, digital solution to client engagement.

FUTURE ENHANCEMENT:

One of the most impactful future enhancements would be the integration of an

online appointment booking system. This feature would allow clients to schedule
their services directly from the website, reducing the need for phone or email bookings.

 Features:
o Real-time appointment availability.
o Confirmation emails or SMS notifications for bookings.
20
o Ability for clients to choose their preferred stylist or service provider.
o Integration with the salon’s internal booking system for seamless
management.

21