PerfectFit - Clothing App

Sep 1, 2024 ยท 2 min read

PerfectFit SEG ๐Ÿ‘—๐Ÿ‘•

Quick Site Link: Perfect Fit Website

Description

PerfectFit SEG is an innovative clothing app designed to revolutionize the shopping experience by providing an engaging, immersive, and elegant platform.

๐ŸŒŸ Key Features

  • ๐Ÿง Personalized Avatar: Upload your measurements to create a realistic avatar.
  • ๐Ÿ‘— Outfit Builder: Mix and match clothes from top brands to create the perfect outfit.
  • ๐Ÿ“ Brand Sizing Comparison: Easily compare sizes across different brands.
  • ๐Ÿ›’ Store Finder: Instantly locate stores that carry your outfit choices.

๐Ÿ“Œ Note: This is a website showcasing a mock version of the product and NOT the final product.

๐ŸŒ Site Organization

Main Pages

  • ๐Ÿ  Home Page (index.html) โ€“ The first thing users see when they visit.
  • ๐Ÿ› Product Page (index.html, transition.html) โ€“ Scroll down on the home page to view product features. A small interactive demo is being developed in transition.html.
  • ๐Ÿ’ฐ Pricing Page (sign_in.html) โ€“ Initially focusing on the sign-in page, with pricing to be displayed later. The app will be free to use.
  • ๐Ÿ‘ฅ Team Page (about_us.html) โ€“ Part of the โ€œAbout Usโ€ section.

Additional Pages

  • ๐Ÿ“ž Contact Page (contact.html) โ€“ Reach out for any inquiries or issues.
  • ๐Ÿ“ Feedback Page (feedback.html) โ€“ Submit feedback about the product/idea.
  • ๐Ÿ“ฑ Mock App Page (mock_app.html) โ€“ Showcasing a mock version of the app (if time permits).
  • ๐Ÿ‘ค Profile Page (profile.html) โ€“ The sign-in page will lead to a basic profile (TBD).
  • ๐Ÿ‘š Scrolling Clothes Page (transition.html) โ€“ A temporary page featuring a sideways scrolling function to browse clothes; will be integrated into the product page.
  • โ“ FAQs Page (FAQs.html) โ€“ Displays frequently asked questions.

๐Ÿ’ป Tech Stack (WIP)

  • Frontend: HTML, CSS, JavaScript