Elementor Page Layout Design • 3 PAGES • FIX BUDGET
Publicada el 2026-07-28
Descripción de la oferta
BUDGET = FIX = 75€ DO NOT bid if you cannot offer for that budget. All files attached Timeframe : 2 days / per page Milestones : 1 per page ATTENTION : NSFW content on mainwebsite but not on the pages you work for. //// ELEMENTOR FREELANCER — PAGE LAYOUT DESIGN Project: Spicy Marmelade NEXT website Development site: https://next.spicymarmelade.com Platform: - WordPress - Elementor / Elementor Pro - Existing Pro.Radio theme - Separate development website PROJECT GOAL Create the responsive Elementor layouts for these three pages: 1. Main Landing Page 2. Kitty’s Top Picks Page 3. Creator Profile Page Adapt the page to the visual page layouts and Elementor structure. SCOPE OF PHASE 1 The freelancer must: - Reproduce the supplied visual references and wireframes - Build the complete visual structure of all three pages - Create desktop, tablet and mobile layouts - Use clean Elementor Flexbox Containers - Use clearly named sections and containers - Establish consistent colours, typography, spacing and buttons - Use placeholder elements where future functionality will be added - Keep the pages easy to edit in Elementor - Preserve the existing Pro.Radio header and navigation for now The freelancer should focus on: - Page structure - Section order - Columns and containers - Visual hierarchy - Typography - Colours - Spacing and padding - Cards and component layouts - Image placement and proportions - Button appearance - Responsive behaviour - Reusable design components Static placeholders may be used to show the intended position and appearance of these future elements. //// PAGE 1 — MAIN LANDING PAGE Create the visual layout for the new Spicy Marmelade landing page according to the supplied reference. The layout includes: - Existing Pro.Radio header/navigation - Creator/profile strip - Main Hero section - Left Hero content area - Right video/player preview area - Social-proof/statistics area - “How it works” section - Category or content cards - Featured content/show section - Creator highlight section - Community/participation section - Calls to action - Footer area The Hero includes: Headline: WIR SENDEN. WAS EUCH BEGEISTERT! Feature labels: LIVE TV RADIO CREATOR COMMUNITY The Hero should use a two-column desktop structure: - Left column: headline, feature items and CTA area - Right column: visual live-video/player card placeholder The studio image belongs inside the player/card area and should not be used as the full Hero background. //// PAGE 2 — KITTY’S TOP PICKS Create the complete visual layout for the Top Picks page. The page should establish the future commercial and recommendation presentation, including: - Top Picks Hero - Creator/editor introduction area - Featured recommendation area - Product-card grid - Visual badges such as Top Pick, New or Trending - Category navigation or filter placeholder - Social-proof area - Promotional CTA sections - Creator recommendation blocks - Footer area Product cards are visual placeholders during Phase 1. PAGE 3 — CREATOR PROFILE PAGE Create a reusable visual Creator Profile Page template. The layout should include: - Creator Hero/profile area - Creator image or magazine-cover presentation - Creator name and short profile information - Social/link area - Featured recommendations - Top Picks section - Content/video placeholders - Creator statistics or social-proof area - CTA/follow area - Related creators section - Footer area The creator page must be designed as a reusable POST layout that can later be populated for different creators. No dynamic creator database or account functionality is required during Phase 1. DESIGN REQUIREMENTS - Follow the supplied references closely - Do not invent or rewrite page copy - Do not redesign the approved concept without permission - Maintain the established Spicy Marmelade colour identity - Use consistent typography and spacing across all three pages - Create reusable Elementor components where appropriate - Use Elementor Global Colours and Global Fonts where practical - Avoid unnecessary nested containers - Avoid excessive custom CSS - Clearly name all major sections and containers - Do not install additional plugins without approval - Do not modify theme PHP files - Do not change the global header, navigation or footer without approval RESPONSIVE REQUIREMENTS All three page layouts must be prepared for: - Desktop - Tablet - Mobile Responsive work must include: - Appropriate font scaling - Correct column stacking - Mobile-friendly spacing - Proper image cropping - Readable buttons - No overlapping content - No horizontal overflow - Consistent card sizing where appropriate WORKING PROCESS Please work in this order: 1. Main Landing Page layout 2. Kitty’s Top Picks layout 3. Creator Profile Page layout Approval checkpoints are required after: 1. Landing page desktop layout 2. Landing page responsive layout 3. Top Picks page desktop layout 4. Top Picks responsive layout 5. Creator page desktop layout 6. Creator page responsive layout 7. Final consistency review across all three pages Do not build all three pages completely before showing the first preview. DEVELOPMENT SAFETY The freelancer must: - Work only on https://next.spicymarmelade.com - Not activate these pages as the public homepage - Not change DNS, server or database settings - Not install or remove plugins without approval - Not change global theme settings without approval - Inform us before making any site-wide changes DELIVERABLES Phase 1 deliverables: - Complete Landing Page layout in Elementor - Complete Kitty’s Top Picks Page layout in Elementor - Complete reusable Creator Profile Page layout in Elementor - Desktop, tablet and mobile versions - Clean and clearly named Elementor structure - Consistent reusable design system - Static placeholders for future functional widgets - Short handover describing the structure - List of elements that require Phase 2 functionality - List of missing images or assets, if applicable DEFINITION OF COMPLETION Phase 1 is complete when: - All three layouts closely match the approved references - Desktop, tablet and mobile layouts are complete - The Elementor structure is clean and editable - The three pages use a consistent visual system - There is no horizontal overflow or visibly broken layout - Future dynamic areas are clearly represented by placeholders - No Phase 2 functionality has been added without approval - All three layouts have been reviewed and approved on the NEXT development site FUTURE PHASE 2 After approval of the three layouts, we will separately define and develop: - Required Elementor widgets - Dynamic content - Creator data - Product and shop connections - Filters and categories - Video or live-stream integrations - Forms and calls to action - Membership or external platform integrations - Remaining supporting pages PLEASE INCLUDE WITH YOUR OFFER - Two or three comparable Elementor projects !!!! - Fixed-price offer for the three layout pages !!!! - Estimated completion time - Confirmation that responsive design is included - Confirmation that you can reproduce layouts from screenshots and wireframes - Confirmation that this offer covers layout work only - Confirmation that you will work exclusively on the NEXT development website
Skills
Fuente original: freelancer