Modern Responsive Website Design

TITLE
One-page website for MaxMySlab optimisation software (mockup required with bid)

ABOUT THE PROJECT
MaxMySlab is highly specialised stone optimisation software for homeowners, kitchen companies, interior designers, shopfitters and architects. I need a clean, modern, one-page website that gets visitors to the point fast and into the software. The full page brief (structure, every section and all the text) is below.

WHAT I NEED

A one-page, fully responsive website built exactly to the brief below

Navy and blue brand colours, clean and modern, very little text

Sticky header, hero, "Who it's for" cards, Offcut Marketplace strip, four software cards with demo buttons, contact form, scrolling brands banner, footer

Easy for me to edit text and swap images later

Fast loading and SEO basics

HOW TO BID (READ THIS FIRST)
Bids without a mockup will not be considered. No exceptions.

With your bid, send:

A mockup of the top of the page: header, hero and the "Who it's for" section, designed from the brief below. An image or a Figma link is fine. It does not need to be built or coded.

Links to 2 or 3 websites you have built yourself.

Your fixed price for the full job and how many days it will take.

Which platform you will build it on, and whether I will own the site and all files at the end.

Start your bid with the word "SLAB" so I know you read this post.

I will ignore copy-paste bids, bids with only a portfolio link, and bids asking me to chat first before sending a mockup.

PAYMENT
Fixed price, paid through Freelancer.com milestones:

30% when I approve the final design

70% when the site is live and working on mobile and desktop

You will get my logo, photos and software screenshots once you are hired.

WEBSITE BRIEF

GOAL
Get visitors using the software fast. Keep every section short and to the point. No long introductions, no filler text.

WHO IT'S FOR
Homeowners, kitchen companies, interior designers, shopfitters and architects.

TONE
Direct, positive, plain words. Short sentences. Never criticise fabricators or anyone else in the industry. South African/UK spelling (optimiser, colour).

DESIGN

Clean, modern, plenty of white space. Brand colours: navy and blue with white.

Large, bold headings; very little body text.

A few tasteful photos of finished kitchens and bathrooms, used sparingly. Product sections show screenshots of the software at work. Use replaceable placeholders until real images are supplied.

Fully responsive for mobile.

PAGE STRUCTURE (one page, top to bottom)

1. HEADER (sticky)
Logo left. Menu: Who it's for, Software, Offcut Marketplace, Contact. Button on the right: "Try MaxMySlab".

2. HERO

Headline: "See exactly how your slab will be used."

Subline: "Map out every cut and offcut before you buy—and put the leftovers to work elsewhere in your project."

Buttons: "Try MaxMySlab" and "Book a demo".

3. WHO IT'S FOR (straight under the hero)
Section Heading: "Built for everyone working with stone"
Four short cards:

Homeowners
See exactly how your slab is used and what offcuts remain for other areas of your home. Only need a small piece? Find it on the Offcut Marketplace and potentially save buying a whole slab. Get accurate, transparent pricing straight away.

Kitchen companies
Everything homeowners get, plus instant alerts if a piece exceeds the slab size—letting you adjust cupboard dimensions before production begins.

Interior designers and shopfitters
Designing a reception counter, bar, or display unit? Verify slab fit and plan around offcuts before you finalise your design.

Architects
Specify and plan stone usage right from the drawing stage, with every piece and offcut accounted for.

4. OFFCUT MARKETPLACE STRIP
One line with a button: "Only need a small piece? Find an offcut instead of buying a whole slab."
Button: "Visit the Offcut Marketplace" (link placeholder).

5. OUR SOFTWARE
Section Heading: "Smart tools for every project"
Four cards in a grid, each with a screenshot, name, short description and a "Watch the demo" button (shows "Demo video coming soon." until links are added):

Quartz & Porcelain: Fast, automated cutting layouts for standard-sized slabs.

Drawing Optimiser: Draw your layout once and generate an instant cutting plan.

Natural Stone: Upload a photo of your actual slab and size, then place pieces directly onto the real stone.

Advanced Placement: Mark cracks and blemishes on your slab photo. The optimiser routes around them automatically—or lets you shift pieces onto hidden areas and match veining by hand.

6. BOOK A DEMO / CONTACT

Heading: "See it in action"

Subheading: "Book a quick walkthrough or ask us a question."

Form: Full name, Email address, Phone number, I am a (Homeowner, Kitchen company, Interior designer, Shopfitter, Architect, Fabricator, Other), Message.

Button: "Book my demo".

Friendly thank-you message after sending: "Thanks for reaching out! We’ve received your request and will be in touch shortly to arrange your demo."

7. BRANDS BANNER
Heading: "Brands we work with". Slow, looping, auto-scrolling logo strip that pauses on hover: Caesarstone, Easy Quartz, Infinity, Luton, Rudi's Choice. Text placeholders until logos are supplied.

8. FOOTER
Logo, menu links, contact details placeholder, "In association with the Offcut Marketplace", one fine-print line "A StaarSoftware product.", copyright "© 2026 MaxMySlab. All rights reserved."

TECHNICAL

Keep all text easy to edit.

Page title: "MaxMySlab | See Every Cut, Use Every Offcut"

Meta description: "Specialised stone optimisation software for homeowners, kitchen companies, designers, and architects. Visualise every cut, reduce waste, and plan offcuts before you buy."

Alt text on every image.

Fast loading.