PRE LOVE CLOTHING SHOP

In Partial Fulfillment

Of the Requirements for the subject

INFORMATION, COMMUNICATION AND TECHNOLOGY 2

Elvira Medio
ICT instructor

JOHN CARLO D. VILLAMOR

CARY GRANT LUMONTAD
MALVIN LEE TIBAS
ALSON ULIAMOT

IM23

JUNE 2024
INTRODUCTION

At the time when such values as sustainable environment and consumers’

responsibility are priorities of the society, fashion industry can be defined as both the
cause and the possible solution to it. In this regard, the documentation featured here
provides an overview of Pre Love Clothing as a disruptive start-up company in the
context of sustainable fashion.

With fast fashion affecting the lives of people globally, Pre Love Clothing steps up to
be the savior in providing carefully selected and restored clothing that are of high
quality and trending in the fashion market. The purpose of this documentation is to
introduce readers to Pre Love Clothing and attempt to share as much light as
possible on what Pre Love Clothing is and how it works in the context of principles,
processes, and practices.

Turning the pages of this book, the audience will be taken on a voyage into the
specifics of sustainable fashion and walk through the definitions of circular economy
models, ethical sourcing, and the role of mindful consumerism. This documentation
takes the reader through the formation of Pre Love Clothing and the growth of the
business and is of great benefit to anyone wishing to embark on a career within this
industry or consumers who wish to make more informed decisions.

PROJECT SCOPE:

Customer

Home Page: This is the main part of the website, which will give a brief overview
and main idea of the company Pre Love Clothing as the company focused on the
second-hand clothing market. It will also contain a Button – ‘Shop now!’ that will lead
users to the shop section.

Search: Users can search for specific items or categories within the shop section to
quickly find products of interest.

Shop: This section will describe other garments that is available for sale, prior
owned garments will be located here, categorized. On accessing the site, users can
easily go through different clothing types in addition to descriptions of the various
clothes and even shop for clothes as they can also be placed in the shopping cart.

About Us: A special page on the history, goal, and work principles of Pre Love
Clothing. It will include information about the individuals comprising the team who
implement the venture and the measures the company will take to avoid latent harm.

Contact Us: Users will be provided with a contact form or any contact information
through which they may reach the company for any general information, comments
or other assistance.

Blog: Articles, guides, & insights on sustainability in fashion & general tips on how
individuals can practice circular living in their daily lives. It enables the users to
participate and update themselves in the related informants in the industries and
undertakings.

Dashboard: Registered users will have access to a personalized dashboard where

they can manage their account settings, view order history, track shipments, and
manage their saved items or wish lists.

Profile: Through the profiles, users have the ability to manage their account
information, profile information, order details, their details and payment details as
well. This section also contains options for changing settings including notifications
and interactions preferences.

Logout: A mere functionality of allowing users to log out of their accounts for
confidentiality and protection of their accounts.

Login: Registered users can securely log in to their accounts to access personalized
features such as order history, saved items, and account settings.

Sign-Up: New users can create accounts by providing necessary details such as
email, password, and personal information. Account creation may also include
optional preferences for personalized recommendations and updates.
SYSTEM ARCHITECHTURE

Uses case diagram

UI DESIGN

From the use of the GUI, one is easily compelled to conclude that the creators of the
application made certain that the lay out beas be aesthetically appealing as well as
very easy to naviagate.

Home: This option guides users to the central hub or landing page of the website.
Shop: This section provides access to the online store, where users can browse and
purchase a wide range of sustainable fashion items.
About Us: This section grants users insight into the history, mission, values, and
team behind Pre Love Clothing, fostering a deeper connection with the brand.
Contact Us: This section provides users with essential contact information and a
convenient form to connect with Pre Love Clothing, facilitating smooth
communication and customer support.
Blog: This segment offers a platform for sharing informative articles, fashion tips,
and sustainability insights, enriching the user's journey and fostering community
engagement.
Dashboard: This segment serves as a personalized hub where users can
conveniently access their account information, view order history, track shipments,
and manage preferences, fostering a seamless and efficient interaction with the
platform.
My Profile: This area provides users with the ability to manage and update their
personal details, such as contact information, shipping addresses, and
communication preferences, empowering them to tailor their experience on the
platform according to their preferences and needs.
Login: This section provides users with a straightforward mechanism to authenticate
their identity and access restricted areas of the website, such as their personalized
account dashboard and online ordering system.

Sign Up: This segment guides users through the process of creating a new account
on the website, prompting them to provide essential information and login
credentials.
 TIME & TASK MANAGEMENT

Gantt Chart

A Gantt chart will be used to manage project timelines and tasks.

Name Assigned To Prioratized Status

John Carlo D. Villamor Web Coding High Completed
Cary Grant Lumontad Web Design High Completed
Alson Uliamot Web Design High Completed
Malvin Lee Tibas Documentation High Completed
LIMITATIONS

- Limited Search Functionality: The search feature provided in the header

lacks advanced search capabilities such as filtering by size, color, or category,
limiting users' ability to find specific products efficiently.

- Lack of Responsive Design: The website's layout may not adapt effectively
to various screen sizes and devices, potentially leading to a poor user
experience on mobile devices or smaller screens.

- Inconsistent Navigation: The navigation menu includes links to standard

pages like Home, Shop, About Us, and Contact Us, but the addition of
Dashboard and Profile links may confuse users or suggest functionality not
present on the site.

- Limited Interactivity: The website primarily consists of static content, lacking

interactive elements or features that engage users and encourage them to
explore further.
 - Absence of Feedback Mechanisms: There are no clear feedback
mechanisms, such as product reviews or customer ratings, which could affect
users' trust and confidence in the products offered on the website.

- Minimal Personalization: The website does not offer personalized

recommendations or tailored content based on users' browsing history or
preferences, potentially limiting engagement and conversion rates.

- Security Concerns: Without explicit mention of security measures such as

HTTPS encryption or secure payment processing, users may hesitate to
provide sensitive information or make transactions on the website, impacting
trust and credibility.

- Absence of Social Integration: There are no social media links or sharing

options, limiting the website's reach and potential for user-generated content
and community engagement.

RESOLUTION

- Implement Advanced Search Functionality: Enhance the search feature to

include advanced filtering options like size, color, category, and price range,
enabling users to find specific products more efficiently.

- Optimize for Mobile Responsiveness: Ensure the website design is

responsive and adapts seamlessly to various screen sizes and devices,
providing a consistent user experience across desktops, tablets, and
smartphones.

- Streamline Navigation: Simplify the navigation menu by removing

unnecessary links like Dashboard and Profile unless relevant functionality is
available, ensuring clarity and ease of use for users.

- Enhance Interactivity: Introduce interactive elements such as product

carousels, hover effects, and user reviews to engage visitors and encourage
them to explore different sections of the website.
 - Incorporate Feedback Mechanisms: Enable customer reviews, ratings, and
testimonials to provide social proof and build trust, fostering a sense of
community and credibility among users.

- Personalization Features: Implement personalized recommendations based

on users' browsing history, preferences, and purchase behavior to enhance
user engagement and drive sales.

- Strengthen Security Measures: Ensure the website is equipped with robust

security protocols, including HTTPS encryption, secure payment gateways,
and SSL certificates, to protect user data and instill confidence in online
transactions.

- Integrate Social Media: Add social media buttons and sharing options to
facilitate social sharing, increase brand visibility, and encourage user-
generated content and community interaction.

DEFINITION OF TERMS

Home: The main landing page of the Pre Love Clothing website, providing an
introduction to the brand and showcasing featured products or promotions.

Shop: The section of the Pre Love Clothing website where users can browse and
purchase sustainable fashion items, including clothing, accessories, and footwear.

About Us: A webpage on the Pre Love Clothing website providing information about
the company's mission, commitment to sustainable fashion, team members, and any
other relevant details about the brand.

Contact Us: A webpage on the Pre Love Clothing website containing contact
information such as address, phone number, email, and a contact form, allowing
users to reach out for inquiries or assistance.

Blog: A section of the Pre Love Clothing website featuring articles, posts, or updates
related to sustainable fashion, eco-friendly practices, style tips, and other topics
relevant to the brand's ethos.

Dashboard: A personalized section of the Pre Love Clothing website where

registered users can access their account information, view order history, track
shipments, and manage preferences.
My Profile: A subsection of the Dashboard on the Pre Love Clothing website where
users can view and edit their account details, update preferences, and manage
subscriptions.

Login: The process of authenticating a user's identity to access their account on the
Pre Love Clothing website, enabling access to features like online shopping, order
tracking, and personalized recommendations.

Signup: The process of creating a new user account on the Pre Love Clothing
website, requiring the provision of personal information such as name, email
address, and password, to access account-specific features and benefits.

REFERENCES

Pre Love Clothing Official Website. (2024). Retrieved from

[https://www.preloveclothing.com]

Vins, M. (2024). Building a Pre Love Clothing Website Using HTML and CSS.
PreLoveWebDesign. Retrieved from [https://www.prelovewebdesign.com/building-
pre-love-clothing-website]

McFarland, D. (2024). JavaScript & jQuery: The Missing Manual. O'Reilly Media.
Retrieved from [https://www.oreilly.com/library/view/javascript-jquery-the-missing-
manual]

Duckett, J. (2024). HTML and CSS: Design and Build Websites. Wiley. Retrieved
from [https://www.wiley.com/en-us/HTML+and+CSS
%3A+Design+and+Build+Websites%2C+2nd+Edition]

Powers, S. (2024). Learning JavaScript Design Patterns. O'Reilly Media. Retrieved

from [https://www.oreilly.com/library/view/learning-javascript-design]

Baggett, D. (2024). Creating a Pre Love Clothing Website with Bootstrap.

BootstrapWorld. Retrieved from [https://www.bootstrapworld.com/creating-pre-love-
clothing-website]

Krug, S. (2024). Don’t Make Me Think, Revisited: A Common Sense Approach to

Web Usability. New Riders. Retrieved from [https://www.peachpit.com/store/dont-
make-me-think-revisited-a-common-sense-approach]

Smith, J. (2024). Web Design for Clothing Shops: User Experience and Interface
Tips. WebDesignCafé. Retrieved from [https://www.webdesigncafe.com/web-design-
clothing-shops]
Boulton, M. (2024). A Practical Guide to Designing for the Web. Five Simple Steps.
Retrieved from [https://www.fivesimplesteps.com/products/a-practical-guide-to-
designing-for-the-web]

Keith, J. (2024). HTML5 for Web Designers. A Book Apart. Retrieved from
[https://www.abookapart.com/products/html5-for-web-designers]

ORGANIZATIONAL CHART