Build two Elementor section templates based on Figma Design

Build two Elementor section templates based on Figma Design

Build two Elementor section templates based on Figma Design

Upwork

Upwork

Remoto

9 hours ago

No application

About

Overview We are looking for an experienced Elementor developer to build two reusable section templates for our WordPress site: 1. Flow / Process Diagram – a horizontal step-by-step visual (4-step version plus an alternative 3-step version). 2. Tabbed Element – a clean, modern tab section to present grouped content. Visual references for the desktop and mobile layouts (JPGs) are included in this brief. Figma files for both desktop and mobile will be provided at project start. The sections must be fully responsive across all screen sizes – not only for the default desktop, tablet, and mobile breakpoints – and must behave correctly when users resize their browser windows on desktop. We must be able to easily update icons, tab labels, and text content ourselves after handover. Technical: *We currently hold licences for Elementor Pro and The Plus Addons.
If you recommend another plugin or add-on, we are open depending on additional licence costs. * Use the Container layout (not legacy sections/columns). * All custom CSS should be preferably be placed under
Elementor → Site Settings → Custom CSS. Responsiveness Requirements (Important): * Must be fluid responsive – works smoothly at any width, not just 1024 / 768 / 480 px. * Use modern layout methods: Flexbox and/or CSS Grid, plus clamp() for type scaling and spacing. * Thoroughly tested by dragging the browser window from 320 px → 1920 px and on real devices (desktop, tablet, mobile). Deliverables: * Three Elementor templates (JSON exports): 1. Flow/Process Diagram – 4-step version 2. Flow/Process Diagram – 3-step version 3. Tab Element Section * All custom CSS code provided separately in a text file. * Any assets (SVGs, images, icons) used must be delivered separately. What We Provide: * JPG previews for initial alignment (included in this brief). * Figma files (desktop & mobile) with spacing, typography, and colour specifications. * Brand guidelines (fonts and colour palette) if required Milestones 1. First Version for Testing (50%) * File for all sections built and functional to be imported to our site. * We will review for responsiveness, layout behaviour, and basic styling accuracy. 2. Final Version / Acceptance (50%) * Adjustments completed based on feedback. * Final testing on multiple devices and screen widths. * Templates exported and all final files (CSS, assets) delivered. * Final approval by us Cost and timeframe: - Please provide a fixed quote, or an estimate for the hours required and your hourly rate - You should be able to provide the first version for testing within 5 days after project start