Phoenix - Your AI AssistantWordPress Developer (Elementor & WooCommerce)
- Posted:
- Proposals: 89
- Remote
- #4502675
- OPPORTUNITY
- Expired
Chandigarh 
Description
Experience Level: Expert
Estimated project duration: less than 1 week
About the Project
I am looking for an experienced WordPress developer with strong Elementor and WooCommerce expertise.
The goal is not to replicate my exact workflow, but I do expect:
* A professional and structured way of working
* A solid understanding of WordPress development
* Attention to detail and pixel-perfect implementation
* The ability to work within an established design system and maintain consistency throughout the project
Deadline: June 24
⸻
Project Scope
The developer will receive a complete Figma design containing the following core pages:
* Homepage
* Product Single Page
* Product Archive Page
The website must be built in WordPress + Elementor, using custom CSS whenever functionality or styling cannot be achieved through Elementor’s native features.
The developer should use the dummy content provided in the Figma design during development.
⸻
Additional Content Pages
The following pages should be built using components and design blocks from the original Figma design, maintaining visual consistency throughout the website:
* Terms & Conditions
* Privacy Policy
* About Us
* Contact
* Frequently Asked Questions (FAQ)
* Shipping & Delivery
⸻
Pages Requiring Additional Design Work
The following pages have not yet been designed and will need to be created in the style of the existing design system:
* Account Page
* Cart Page
* Checkout Page
* Thank You Page
For these pages:
* A custom plugin will be available to assist with functionality.
* Additional front-end development and styling will be required.
* The developer is expected to design and build these pages in line with the rest of the website.
⸻
Dynamic Data Structure
The website should be built as dynamically as possible.
Data must be structured correctly and managed in a scalable way.
Example:
Brand logos should be stored as brand-specific data so they can be dynamically displayed on product pages rather than being manually added.
⸻
Workflow
I will provide:
* Development environment
* Required plugins
* Hello Elementor theme
* Hello Elementor Child theme
The developer must accurately recreate:
* All colors
* Typography styles
* Design spacing
* Component styling
using Elementor’s Global Settings wherever appropriate.
Review Process
Pages will be delivered one by one.
After each page delivery, I will perform:
* Design quality review
* Completeness review
* Style consistency review
Feedback from each review should be incorporated into subsequent pages.
Delivery Order
* Homepage
* Product Single Page
* Product Archive Page
* Terms & Conditions
* Privacy Policy
* About Us
* Contact
* FAQ
* Shipping & Delivery
* Account Page
* Cart Page
* Checkout Page
* Thank You Page
⸻
Technical Requirements
Platform
* WordPress
* Elementor
* Custom CSS
⸻
Elementor Settings
The following settings must be configured:
* Disable default Elementor fonts
* Disable default Elementor colors
⸻
Theme Requirements
Use:
* Hello Elementor
* Hello Elementor Child
⸻
Required Plugins
* ACF PRO
* Ajax Add to Cart for WooCommerce
* Classic Editor
* MC4WP Mailchimp for WordPress
* MC4WP Mailchimp for WordPress Premium
* My Custom Plugin
* PDF Invoices & Packing Slips for WooCommerce
* WooCommerce Postcode Checker
* WooCommerce
* Yoast SEO
* FacetWP
* SearchWP
⸻
Sizing & Spacing Standards
Units
Use REM for:
* Font sizes
* Padding
* Margins
* Widths and heights of smaller elements
Do not use pixels for these values.
Use EM only for:
* Line-height
* Letter-spacing
Avoid using EM for other sizing values as it may create scaling inconsistencies.
⸻
Layout Spacing
The standard page spacing is generally:
Desktop & Tablet
* 50px left and right spacing
Mobile
* 20px left and right spacing
This can be achieved using padding, margins, containers, or other appropriate methods.
Consistency across the entire website is essential.
⸻
Custom CSS Standards
* Use CSS variables for reusable styling elements such as buttons, colors, spacing, and transitions.
* Follow a clean and maintainable CSS structure.
* Use custom CSS whenever Elementor alone cannot achieve the required design.
⸻
Image & URL Handling
When referencing images or assets in CSS:
Do not use absolute URLs.
Example:
Instead of:
https://website.com/wp-content/uploads/image.jpg
Use:
/wp-content/uploads/image.jpg
This ensures assets continue to work correctly when the website moves between staging, development, and production environments.
⸻
I am looking for an experienced WordPress developer with strong Elementor and WooCommerce expertise.
The goal is not to replicate my exact workflow, but I do expect:
* A professional and structured way of working
* A solid understanding of WordPress development
* Attention to detail and pixel-perfect implementation
* The ability to work within an established design system and maintain consistency throughout the project
Deadline: June 24
⸻
Project Scope
The developer will receive a complete Figma design containing the following core pages:
* Homepage
* Product Single Page
* Product Archive Page
The website must be built in WordPress + Elementor, using custom CSS whenever functionality or styling cannot be achieved through Elementor’s native features.
The developer should use the dummy content provided in the Figma design during development.
⸻
Additional Content Pages
The following pages should be built using components and design blocks from the original Figma design, maintaining visual consistency throughout the website:
* Terms & Conditions
* Privacy Policy
* About Us
* Contact
* Frequently Asked Questions (FAQ)
* Shipping & Delivery
⸻
Pages Requiring Additional Design Work
The following pages have not yet been designed and will need to be created in the style of the existing design system:
* Account Page
* Cart Page
* Checkout Page
* Thank You Page
For these pages:
* A custom plugin will be available to assist with functionality.
* Additional front-end development and styling will be required.
* The developer is expected to design and build these pages in line with the rest of the website.
⸻
Dynamic Data Structure
The website should be built as dynamically as possible.
Data must be structured correctly and managed in a scalable way.
Example:
Brand logos should be stored as brand-specific data so they can be dynamically displayed on product pages rather than being manually added.
⸻
Workflow
I will provide:
* Development environment
* Required plugins
* Hello Elementor theme
* Hello Elementor Child theme
The developer must accurately recreate:
* All colors
* Typography styles
* Design spacing
* Component styling
using Elementor’s Global Settings wherever appropriate.
Review Process
Pages will be delivered one by one.
After each page delivery, I will perform:
* Design quality review
* Completeness review
* Style consistency review
Feedback from each review should be incorporated into subsequent pages.
Delivery Order
* Homepage
* Product Single Page
* Product Archive Page
* Terms & Conditions
* Privacy Policy
* About Us
* Contact
* FAQ
* Shipping & Delivery
* Account Page
* Cart Page
* Checkout Page
* Thank You Page
⸻
Technical Requirements
Platform
* WordPress
* Elementor
* Custom CSS
⸻
Elementor Settings
The following settings must be configured:
* Disable default Elementor fonts
* Disable default Elementor colors
⸻
Theme Requirements
Use:
* Hello Elementor
* Hello Elementor Child
⸻
Required Plugins
* ACF PRO
* Ajax Add to Cart for WooCommerce
* Classic Editor
* MC4WP Mailchimp for WordPress
* MC4WP Mailchimp for WordPress Premium
* My Custom Plugin
* PDF Invoices & Packing Slips for WooCommerce
* WooCommerce Postcode Checker
* WooCommerce
* Yoast SEO
* FacetWP
* SearchWP
⸻
Sizing & Spacing Standards
Units
Use REM for:
* Font sizes
* Padding
* Margins
* Widths and heights of smaller elements
Do not use pixels for these values.
Use EM only for:
* Line-height
* Letter-spacing
Avoid using EM for other sizing values as it may create scaling inconsistencies.
⸻
Layout Spacing
The standard page spacing is generally:
Desktop & Tablet
* 50px left and right spacing
Mobile
* 20px left and right spacing
This can be achieved using padding, margins, containers, or other appropriate methods.
Consistency across the entire website is essential.
⸻
Custom CSS Standards
* Use CSS variables for reusable styling elements such as buttons, colors, spacing, and transitions.
* Follow a clean and maintainable CSS structure.
* Use custom CSS whenever Elementor alone cannot achieve the required design.
⸻
Image & URL Handling
When referencing images or assets in CSS:
Do not use absolute URLs.
Example:
Instead of:
https://website.com/wp-content/uploads/image.jpg
Use:
/wp-content/uploads/image.jpg
This ensures assets continue to work correctly when the website moves between staging, development, and production environments.
⸻
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Can you please answer below questions
1. Will the Figma file include responsive desktop, tablet, and mobile designs for the core pages?
2. Does the custom plugin already provide the checkout, account, and thank-you page functionality, or are additional custom integrations required? -
Before providing an accurate quote, I'd love to review the Figma file and understand:
• How many unique sections/components are included across the three pages?
• Are there any custom WooCommerce functionalities beyond the standard product pages?
• Do you already have hosting and WordPress installed, or should we handle the complete setup?
-
Hi Job, could you share whether the design relies solely on standard WooCommerce functionality, or are there any custom product features, filters, variations, or bespoke elements included in the Figma designs?