WordPress / Elementor – Pixel-Perfect Redesign of Two Pages
Budget / Salary$60–70
TypeFreelance project
LocationRemote
Posted9 hours ago
WordPress / Elementor – Pixel-Perfect Implementation of 2 Pages
We are looking for an experienced WordPress / Elementor freelancer to implement the new designs for two existing pages of our website:
How It Works
About
The existing pages currently contain the original content/design. The supplied desktop and mobile screenshots are the binding visual specification for the new implementation.
IMPORTANT – Exact Implementation Required
This is NOT a redesign or a creative interpretation project.
The supplied screenshots must be reproduced exactly — not approximately and not merely “similar”.
The implementation must correspond to the reference designs in all visible aspects, including:
overall layout and positioning
dimensions and proportions
margins, padding and spacing
typography, font sizes and line heights
colours and backgrounds
borders and corner radii
image dimensions, positioning and cropping
icons and their positioning
alignment
responsive behaviour
Please do not redesign, reinterpret, simplify or replace any part of the supplied design.
The desktop and mobile screenshots must therefore be treated as the binding visual specification.
The mobile version must follow the supplied mobile reference specifically. It should not simply be a scaled-down version of the desktop layout.
Scope of Work
1. How It Works
Replace the existing content with the design shown in the supplied reference screenshots.
The page includes:
Hero section with the supplied image
Introduction / heading section
All 8 numbered steps
Corresponding image for each step
Corresponding graphic icon for each step
Step headings and descriptions
“Why Learners Choose Exam Success” benefits section
Complete desktop and mobile implementation
All 8 steps must be included.
2. About
Replace the existing content with the design shown in the supplied reference screenshots.
The page includes:
Hero section with the supplied image
“About Exam Success” introduction
Our Focus
Our Teachers
Our Approach
Goal section
“Academic Expertise. Practical Preparation. Exam Success.” section
Complete desktop and mobile implementation
Header & Footer – DO NOT MODIFY
The existing Header and Footer are outside the scope of the redesign.
They must remain 100% unchanged in terms of their existing design and functionality.
Do not modify:
Header layout
Footer layout
dimensions
spacing
logo positioning
navigation
language selector
buttons
typography
colours
links
responsive behaviour
Only the main content area between the existing Header and Footer is to be changed.
Editable Content
All text must remain fully editable in WordPress / Elementor.
All headings, paragraphs, labels, step descriptions and other text must be implemented using normal editable Elementor elements/widgets.
No text embedded in images
No flattened screenshots
No image used as a replacement for an editable content section
The client must be able to edit all text directly in Elementor after completion
Images & Graphic Icons
The required photographic/image material is already available in the WordPress Media Library and should be used.
The graphic icons shown in the reference designs are not currently available in the Media Library.
The freelancer must therefore recreate, source or otherwise implement the graphic icons so that they correspond visually to the supplied reference designs.
For all images:
preserve the correct aspect ratio
use the correct dimensions
maintain the correct positioning
reproduce the required cropping
maintain image quality
ensure correct responsive behaviour
do not distort images
do not add text to images
The supplied photographic material does not require image editing or redesign.
Layout & Responsive Requirements
The implementation must reproduce the supplied references on:
Desktop
Tablet
Mobile / smartphone
The desktop and mobile layouts must each correspond to their respective reference screenshots.
In particular, the mobile layout must not be treated simply as a compressed desktop version.
All spacing, sizing, alignment, image proportions and typography should be adjusted to match the corresponding reference.
Working Environment
All work must be carried out exclusively on the staging website.
The freelancer will receive access to the staging environment only.
The live/production website must not be modified under any circumstances.
Work must be performed using the existing WordPress / Elementor setup.
Existing functionality outside the two specified content areas must remain unaffected.
Acceptance Criteria
The project will be considered complete when:
Both pages reproduce the supplied desktop designs exactly.
Both pages reproduce the supplied mobile designs exactly.
The implementation is pixel-perfect, not merely similar.
All 8 steps on the “How It Works” page are implemented.
All specified images and graphic icons are implemented.
The Header remains 100% unchanged.
The Footer remains 100% unchanged.
All text remains fully editable in Elementor.
Images have the correct size, aspect ratio, positioning and responsive behaviour.
No unnecessary redesign, simplification or reinterpretation has been introduced.
The pages work correctly on desktop, tablet and smartphone.
Existing functionality outside the modified content areas remains unaffected.
No changes have been made to the live/production website.
Budget & Payment
Fixed price: USD 60–70
This is a non-negotiable fixed-price project.
The project will consist of ONE milestone only.
Please bid only if you are comfortable completing the entire scope within this fixed-price range and under the requirements described above.
Ideal Freelancer
We are looking for someone with:
Strong WordPress experience
Strong Elementor experience
Experience implementing existing designs accurately
Good understanding of responsive layouts
Strong attention to detail
Ability to reproduce designs precisely rather than creatively redesigning them
This is primarily a visual implementation task in WordPress / Elementor, not a custom coding or software-development project.
There are no complex functions, custom coding requirements, APIs or backend development tasks involved.
Summary
Implement the supplied “How It Works” and “About” page designs in WordPress / Elementor exactly as shown in the provided desktop and mobile screenshots.
The screenshots are the binding specification — the result must be exact, not approximate or merely similar.
Do not redesign, reinterpret or simplify the supplied designs.
Only the content areas between the existing Header and Footer may be modified. The Header and Footer must remain completely unchanged. All text must remain editable in Elementor. The photographic material is already available in the Media Library, while the graphic icons shown in the designs need to be sourced or recreated.
All work must be performed exclusively on the staging website. The live website must not be modified.
Fixed price: USD 60–70, non-negotiable, one milestone only.
We are looking for an experienced WordPress / Elementor freelancer to implement the new designs for two existing pages of our website:
How It Works
About
The existing pages currently contain the original content/design. The supplied desktop and mobile screenshots are the binding visual specification for the new implementation.
IMPORTANT – Exact Implementation Required
This is NOT a redesign or a creative interpretation project.
The supplied screenshots must be reproduced exactly — not approximately and not merely “similar”.
The implementation must correspond to the reference designs in all visible aspects, including:
overall layout and positioning
dimensions and proportions
margins, padding and spacing
typography, font sizes and line heights
colours and backgrounds
borders and corner radii
image dimensions, positioning and cropping
icons and their positioning
alignment
responsive behaviour
Please do not redesign, reinterpret, simplify or replace any part of the supplied design.
The desktop and mobile screenshots must therefore be treated as the binding visual specification.
The mobile version must follow the supplied mobile reference specifically. It should not simply be a scaled-down version of the desktop layout.
Scope of Work
1. How It Works
Replace the existing content with the design shown in the supplied reference screenshots.
The page includes:
Hero section with the supplied image
Introduction / heading section
All 8 numbered steps
Corresponding image for each step
Corresponding graphic icon for each step
Step headings and descriptions
“Why Learners Choose Exam Success” benefits section
Complete desktop and mobile implementation
All 8 steps must be included.
2. About
Replace the existing content with the design shown in the supplied reference screenshots.
The page includes:
Hero section with the supplied image
“About Exam Success” introduction
Our Focus
Our Teachers
Our Approach
Goal section
“Academic Expertise. Practical Preparation. Exam Success.” section
Complete desktop and mobile implementation
Header & Footer – DO NOT MODIFY
The existing Header and Footer are outside the scope of the redesign.
They must remain 100% unchanged in terms of their existing design and functionality.
Do not modify:
Header layout
Footer layout
dimensions
spacing
logo positioning
navigation
language selector
buttons
typography
colours
links
responsive behaviour
Only the main content area between the existing Header and Footer is to be changed.
Editable Content
All text must remain fully editable in WordPress / Elementor.
All headings, paragraphs, labels, step descriptions and other text must be implemented using normal editable Elementor elements/widgets.
No text embedded in images
No flattened screenshots
No image used as a replacement for an editable content section
The client must be able to edit all text directly in Elementor after completion
Images & Graphic Icons
The required photographic/image material is already available in the WordPress Media Library and should be used.
The graphic icons shown in the reference designs are not currently available in the Media Library.
The freelancer must therefore recreate, source or otherwise implement the graphic icons so that they correspond visually to the supplied reference designs.
For all images:
preserve the correct aspect ratio
use the correct dimensions
maintain the correct positioning
reproduce the required cropping
maintain image quality
ensure correct responsive behaviour
do not distort images
do not add text to images
The supplied photographic material does not require image editing or redesign.
Layout & Responsive Requirements
The implementation must reproduce the supplied references on:
Desktop
Tablet
Mobile / smartphone
The desktop and mobile layouts must each correspond to their respective reference screenshots.
In particular, the mobile layout must not be treated simply as a compressed desktop version.
All spacing, sizing, alignment, image proportions and typography should be adjusted to match the corresponding reference.
Working Environment
All work must be carried out exclusively on the staging website.
The freelancer will receive access to the staging environment only.
The live/production website must not be modified under any circumstances.
Work must be performed using the existing WordPress / Elementor setup.
Existing functionality outside the two specified content areas must remain unaffected.
Acceptance Criteria
The project will be considered complete when:
Both pages reproduce the supplied desktop designs exactly.
Both pages reproduce the supplied mobile designs exactly.
The implementation is pixel-perfect, not merely similar.
All 8 steps on the “How It Works” page are implemented.
All specified images and graphic icons are implemented.
The Header remains 100% unchanged.
The Footer remains 100% unchanged.
All text remains fully editable in Elementor.
Images have the correct size, aspect ratio, positioning and responsive behaviour.
No unnecessary redesign, simplification or reinterpretation has been introduced.
The pages work correctly on desktop, tablet and smartphone.
Existing functionality outside the modified content areas remains unaffected.
No changes have been made to the live/production website.
Budget & Payment
Fixed price: USD 60–70
This is a non-negotiable fixed-price project.
The project will consist of ONE milestone only.
Please bid only if you are comfortable completing the entire scope within this fixed-price range and under the requirements described above.
Ideal Freelancer
We are looking for someone with:
Strong WordPress experience
Strong Elementor experience
Experience implementing existing designs accurately
Good understanding of responsive layouts
Strong attention to detail
Ability to reproduce designs precisely rather than creatively redesigning them
This is primarily a visual implementation task in WordPress / Elementor, not a custom coding or software-development project.
There are no complex functions, custom coding requirements, APIs or backend development tasks involved.
Summary
Implement the supplied “How It Works” and “About” page designs in WordPress / Elementor exactly as shown in the provided desktop and mobile screenshots.
The screenshots are the binding specification — the result must be exact, not approximate or merely similar.
Do not redesign, reinterpret or simplify the supplied designs.
Only the content areas between the existing Header and Footer may be modified. The Header and Footer must remain completely unchanged. All text must remain editable in Elementor. The photographic material is already available in the Media Library, while the graphic icons shown in the designs need to be sourced or recreated.
All work must be performed exclusively on the staging website. The live website must not be modified.
Fixed price: USD 60–70, non-negotiable, one milestone only.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.