WordPress / Elementor – Pixel-Perfect Redesign of Two Pages

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 sof