Product Comparison Website Dev

Job ID: 39165096

Budget: $30 – $250 USD

Development of a Product Comparison Website with Advanced Features

Project Description:

(Note: Automated AI responses will be rejected.)

I am looking for a professional web developer or development team to create a comprehensive product comparison website across multiple categories. The goal is to provide a seamless and engaging user experience that allows users to easily compare products and customize comparisons according to their needs. The website must include a system for importing product data via tab-separated text tables for admin use and an advertisement box on every page of the site.

- Domain and hosting are ready

Project Requirements:

1. Website Structure:

• Homepage:
• Top Section (First Section):
• Display main categories with images representing each category.
• A small blue text “Click for all categories” linking to the full categories page.
• Middle Buttons:
• Button “Browse Product Comparisons” linking to the categories page.
• Button “To the Blog” linking to the blog page.
• Bottom Section (Second Section):
• Display 3 horizontal rows, each containing a comparison of 3 products (random or selected by admin).
• For each product: Image and a specification table below it with separator lines between tables.
• A button “Customize Comparison: Choose Another Product” above each row on the right.
• On click: An “X” appears on the three product images.
• On clicking “X”: The product disappears and is replaced by a search box to choose another product from the same category.
• Product Page (Upon selecting a specific category):
• First Section:
• Display 3 horizontal rows, each containing 3 products for comparison as described above.
• “Customize Comparison: Choose Another Product” button with the same functionality.
• Second Section:
• Detailed table displaying products vertically with thumbnails and specification variables horizontally.
• Sorting options (alphabetical, descending/ascending, custom) and filtering to show/hide variables.
• Custom Comparison Page:
• Independent page allowing users to select a category and then choose up to 5 products for comparison.
• Display selected products in a horizontal row or detailed table with the ability to add/remove products.

2. Product Import (For Admin):

• Import system for products via tab-separated text tables, exclusive to admin use.
• Each category has a specific format defining the number and order of variables (specifications).
• Tables must match the specified format to be accepted.
• Examples:
• Accepted table: Contains the correct number and order of variables.
• Rejected table: Contains a different number of variables or incorrect order.
• Exception: An additional column at the end for affiliate links with site thumbnails is allowed.

3. Advertisements:

• An advertisement box on every page of the website.
• The box should be customizable by admin (size, location, content).

4. User Experience and Design:

• Visual effects when removing products (e.g., slight image movement).
• Search box with auto-suggestions based on the category.
• “Save Comparison” option on the custom comparison page.
• Attractive and user-friendly design with aesthetic appeal.

5. Technical Requirements:

• Responsive design working on all devices (desktop, tablet, mobile).
• Use of modern technologies like HTML5, CSS3, JavaScript, and a framework like React or Vue.js.
• Robust database like MySQL or MongoDB for storing product and category data.
• Content management system for admin to update products, categories, and manage ads.

6. Security and Legal:

• Secure the website against common attacks (SQL Injection, XSS, etc.).
• Compliance with data protection laws (GDPR if applicable).
• Clear privacy policy and terms of use.

7. Support and Maintenance:

• Provide technical support for 3 months post-launch.
• Ability to update the website and add new features in the future.

Budget and Timeline:

• Budget: [Please specify the expected budget]
• Timeline: [Please specify the expected duration to complete the project]

Required Skills:

• Experience in web development using HTML, CSS, JavaScript.
• Experience with frameworks like React or Vue.js.
• Experience with databases (MySQL, MongoDB).
• Experience in UI/UX design.
• Knowledge of web security basics.
• Ability to work within the specified timeline.

How to Apply:

• Please submit your proposal with a detailed explanation of how you will execute the project.
• Preferably attach examples of similar previous work.
• Please specify the expected duration to complete the project and the required budget.

Note:

• Proposals will be evaluated based on experience, quality, and cost.
• I am looking for freelancers or development teams who can deliver high-quality work on time.