SM: HTML to WordPress Migration
Budget: £20 – £250 GBP
Hello
I am seeking an experienced Elementor Pro developer to recreate an existing HTML website (https://cathypearce.com) using WordPress and Elementor Pro.
The final templates should be authentic, pixel-perfect, and fully responsive designs covering the 7 standard breakpoints used in Elementor (see below). Up to two review cycles should be allowed.
We provide access to a fully licensed and optimized staging environment to which the developer will have Admin access. The tech stack for this project includes Elementor Pro and Gravity Forms
ELEMENTOR TEMPLATES REQUIRED
- Page
- Header
- Footer
ELEMENTOR-SPECIFIC GUIDELINES (OR HOUSE RULES)
1. Theme: Elementor Hello and Child
2. Default kit to be created for items including Global Colours, Fonts, Typography, Buttons etc, etc
3. Headings: Use H1, H2, H3, etc, NOT Element Styling, Page Level, or Inline CSS styling eg. <span class="mz_heading">Efficiency</span>.
4. Element Styling: Must be default and link to Default Kit ie. Settings >
5. Additional CSS: MUST be saved as Custom Code ie. Elementor > Custom Code and NOT Customr CSS ie. Appearance > Customise> Additional CSS
6. Elementor Templates: Must build using TEMPLATES ie. Templates > Published from which new PAGES can be created.
7. Typography: Follow these below the design calls for something different.
ELEMENTOR SET UP
1. DESIGN SYSTEM
Site Settings > Global Colours
- As per the design brief using Primary, Secondary, Text, and Accent. Create Custom Colours as called for in the design
Site Settings > Global Fonts
- As per the design brief using Primary, Secondary, Text, and Accent. Create Custom Fonts as called for in the design
- Text Size: 10px
2. THEME STYLE
Site Settings > Typography
- Use these settings unless stated in the design brief
- Body > Text 1.6 rem
- Link 1.6 rem
- H0: 4.5 rem
- H1: 3.4 rem
- H2: 2.8 rem
- H3: 2.4 rem
- H4: 2.2 rem
Site Settings > Buttons
- Use default settings unless stated in the design brief
Site Settings > Images
- Use default settings unless stated in the design brief
Site Settings > Form Fields
- Use default settings unless stated in the design brief
Site Settings > Header
- Use default settings unless stated in the design brief
Site Settings > Footer
- Use default settings unless stated in the design brief
3. SETTINGS
Site Identity
- Use default settings unless stated in the design brief
Background
- Use default settings unless stated in the design brief
Layout
- Site Settings > Layout > Breakpoints
+ Mobile Portriat: 767px
+ Mobile Landscape: 880px
+ Tablet Portrait: 1024px
+ Tablet Landscape: 1200px
+ Laptop: 1366px
+ Widescreen: 2400px
Lightbox
- Use default settings unless stated in the design brief
Page Transitions
- Use default settings unless stated in the design brief
Custom CSS
- All Custom CSS should be defined in Elementor > Custom Code
Additional Settings
- Use default settings unless stated in the design brief
Running multiple sites efficiently means that all Devs must follow the same Processes and Procedures for quick and efficient Maintenace. These are 'House Rules' that have developed over the years. These MUST be adhered to rigidly.
IMPORTANT NOTES
1. Correct use of Fonts, colours, padding/margins is demanded. We will supply image and icon assets.
2. No use of Inline CSS styling eg. <span class="mz_heading">Efficiency</span>. Inline CSS should be considered as a LAST resort
PROJECT PROGRAM
1. Target development time around 5-7 days (including reviews).
TASK LIST
1. Kick-off and access to staging environment provided - day 1
3. Alpha release (internal review plus whitebox testing) - day 3
4. Beta Release (Client/limited release plus black box testing) - day 4
5. RC Release (go live and snags resolved) - day 5
6. Gold Release - day 7
ATTACHMENTS
None. Use website URL as the template
I am seeking an experienced Elementor Pro developer to recreate an existing HTML website (https://cathypearce.com) using WordPress and Elementor Pro.
The final templates should be authentic, pixel-perfect, and fully responsive designs covering the 7 standard breakpoints used in Elementor (see below). Up to two review cycles should be allowed.
We provide access to a fully licensed and optimized staging environment to which the developer will have Admin access. The tech stack for this project includes Elementor Pro and Gravity Forms
ELEMENTOR TEMPLATES REQUIRED
- Page
- Header
- Footer
ELEMENTOR-SPECIFIC GUIDELINES (OR HOUSE RULES)
1. Theme: Elementor Hello and Child
2. Default kit to be created for items including Global Colours, Fonts, Typography, Buttons etc, etc
3. Headings: Use H1, H2, H3, etc, NOT Element Styling, Page Level, or Inline CSS styling eg. <span class="mz_heading">Efficiency</span>.
4. Element Styling: Must be default and link to Default Kit ie. Settings >
5. Additional CSS: MUST be saved as Custom Code ie. Elementor > Custom Code and NOT Customr CSS ie. Appearance > Customise> Additional CSS
6. Elementor Templates: Must build using TEMPLATES ie. Templates > Published from which new PAGES can be created.
7. Typography: Follow these below the design calls for something different.
ELEMENTOR SET UP
1. DESIGN SYSTEM
Site Settings > Global Colours
- As per the design brief using Primary, Secondary, Text, and Accent. Create Custom Colours as called for in the design
Site Settings > Global Fonts
- As per the design brief using Primary, Secondary, Text, and Accent. Create Custom Fonts as called for in the design
- Text Size: 10px
2. THEME STYLE
Site Settings > Typography
- Use these settings unless stated in the design brief
- Body > Text 1.6 rem
- Link 1.6 rem
- H0: 4.5 rem
- H1: 3.4 rem
- H2: 2.8 rem
- H3: 2.4 rem
- H4: 2.2 rem
Site Settings > Buttons
- Use default settings unless stated in the design brief
Site Settings > Images
- Use default settings unless stated in the design brief
Site Settings > Form Fields
- Use default settings unless stated in the design brief
Site Settings > Header
- Use default settings unless stated in the design brief
Site Settings > Footer
- Use default settings unless stated in the design brief
3. SETTINGS
Site Identity
- Use default settings unless stated in the design brief
Background
- Use default settings unless stated in the design brief
Layout
- Site Settings > Layout > Breakpoints
+ Mobile Portriat: 767px
+ Mobile Landscape: 880px
+ Tablet Portrait: 1024px
+ Tablet Landscape: 1200px
+ Laptop: 1366px
+ Widescreen: 2400px
Lightbox
- Use default settings unless stated in the design brief
Page Transitions
- Use default settings unless stated in the design brief
Custom CSS
- All Custom CSS should be defined in Elementor > Custom Code
Additional Settings
- Use default settings unless stated in the design brief
Running multiple sites efficiently means that all Devs must follow the same Processes and Procedures for quick and efficient Maintenace. These are 'House Rules' that have developed over the years. These MUST be adhered to rigidly.
IMPORTANT NOTES
1. Correct use of Fonts, colours, padding/margins is demanded. We will supply image and icon assets.
2. No use of Inline CSS styling eg. <span class="mz_heading">Efficiency</span>. Inline CSS should be considered as a LAST resort
PROJECT PROGRAM
1. Target development time around 5-7 days (including reviews).
TASK LIST
1. Kick-off and access to staging environment provided - day 1
3. Alpha release (internal review plus whitebox testing) - day 3
4. Beta Release (Client/limited release plus black box testing) - day 4
5. RC Release (go live and snags resolved) - day 5
6. Gold Release - day 7
ATTACHMENTS
None. Use website URL as the template