Bricks Builder Expert Needed – Build Responsive Homepage From Mockups

Posted 2 days ago

Worldwide

Summary

Job Title Bricks Builder Expert Needed — Build 1 Responsive Homepage From Supplied Mockups Budget $200 Fixed Price Experience Level Intermediate Project Type One-Time Project Project Description I already have: * WordPress * Bricks Builder * Two visual mockups showing the exact design direction I am not hiring someone to build an entire website. I need an experienced Bricks Builder freelancer to build the difficult structural and responsive parts of one homepage so I can add and edit the final text, photographs, reviews, city names, and other content myself. The supplied mockups should be followed closely. What I Need Built 1. Global Header Build a responsive header with: * Top trust/info bar * Logo area * Main navigation * Request a Quote button * Desktop navigation * Tablet layout * Mobile hamburger menu The header must work properly at all screen sizes. 2. Global Bricks Design System Set up: * Global colors * Global typography * Global button styles * Page/container widths * Section padding * Consistent spacing * Reusable classes * Responsive heading sizes * Responsive body-text sizes The goal is for me to be able to duplicate components and build additional pages myself later. 3. Homepage Hero Build the hero section from the supplied mockup. Set up: * Correct hero height * Responsive background-image sizing * Image cropping * Image focal positioning * Dark overlay * Heading placement * Supporting text * CTA buttons The image must display properly on desktop, tablet landscape, tablet portrait, and mobile. I will replace the final photograph and wording myself. 4. Land / Tree / Water Section Build the three major service panels: * Land * Tree * Water Each should have editable areas for: * Image * Heading * Description * Service links * CTA button The three panels should display properly side-by-side on larger screens and reorganize correctly for tablets and phones. 5. Market-Type Tabs Build a responsive Bricks Tabs section for: * Residential * Commercial * Property Management * Municipal & Government Residential should be selected by default. Each tab needs enough flexibility to contain: * Heading * Text * Image * Service cards * Buttons * Multiple containers if needed I will add the final content myself. 6. Reusable Service Card Create one reusable Bricks service-card component with: * Image * Heading * Description * Button/link I should be able to duplicate it and replace the content without rebuilding the design. 7. Review Carousel Framework Build a responsive review carousel structure with: * Review cards * Star-rating area * Reviewer name * Review text * Google/Facebook source area * Previous/next controls * Mobile swipe behavior No Google or Facebook API configuration is required. I will connect the live review system later. 8. Project Carousel Framework Build a reusable project carousel. Each project card should support: * Image * Project title * Service/category * Location or short description * Link I will add the actual project photos and information myself. 9. Bottom CTA Section Build the large photographic CTA section from the mockup. Set up: * Background image * Responsive image crop * Overlay * Heading * Text * Buttons I will replace the final photograph and wording myself. 10. Global Footer Build a reusable responsive footer with areas for: * Logo * Company information * Services * Quick links * Contact information * Service area * Request a Quote button Responsive Requirements Please make the page work correctly on: * Desktop * Laptop * Tablet landscape * Tablet portrait * Mobile I specifically need someone who understands Bricks responsive breakpoints. Color Direction Use a John Deere-inspired industrial color palette, while keeping the branding clearly Midwest. Primary colors: * Dark Green: #22491D * Main Green: #367C2B * Yellow: #FFDE00 * White: #FFFFFF * Light Off-White: #F7F7F2 * Grey: #909992 * Dark Grey: #484E41 The website should primarily use: Dark Green + Green + White Use yellow mainly for: * Important buttons * Highlights * Icons * Small accents Do not overuse yellow. What I Will Do Myself Do not spend project time on: * Writing website copy * Finding photographs * Adding final photographs * Entering final service descriptions * Adding final reviews * Adding city lists * SEO work * Google Maps API * Google Reviews API * Facebook Reviews API * CRM integrations * AI chatbot setup * Google Analytics * Search Console I will handle those separately. Main Goal I am paying you to build the hard Bricks structure, not to populate the entire website. When finished, I should easily be able to: * Replace images * Change text * Duplicate cards * Duplicate sections * Change links * Add services * Use these components to create additional pages Important Design Requirement I will provide two reference mockups. Please follow them closely. I do not want the site redesigned into a generic landscaping template. You may improve spacing and responsive behavior, but the supplied mockups establish the visual direction. When Applying Please answer: 1. How much experience do you have with Bricks Builder? 2. Send 2 examples of pages you personally built with Bricks. 3. Are you comfortable with Bricks global classes and responsive breakpoints? 4. Can you recreate a layout from supplied screenshots/mockups? 5. Can you complete this for $200 fixed price? 6. How quickly can you complete it? Please begin your proposal with: MIDWEST BRICKS so I know you read the description.

  • $150.00

    Fixed-price
  • Intermediate
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
Web Design
CSS
WordPress
Activity on this job
  • Proposals:5 to 10
  • Last viewed by client:4 hours ago
  • Hires:
    1
  • Interviewing:
    0
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Aug 15, 2026
  • USA
    Lawrenceburg4:21 PM
  • 1 hire, 1 active

Explore similar jobs on Upwork

WordPress
Web Development
Web Design
PHP
CSS
HTML
JavaScript
HTML5
WooCommerce
MySQL
Webflow Developer for Site RevampFixed-price‐ Posted 2 months ago
Web Development
PHP
HTML5
Webflow
Web Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo