Minimalist B2B Lead Generation Website
Budget: $250 – $750 AUD
Stack & Hosting
* Next.js (React)
* Tailwind CSS
* Hosted on AWS Amplify ( we will handle this)
Content and wording
* We will provide text content and wording in a powerpoint for context..
Design Notes
* B2B-focused: Target audience is residential builders (small to enterprise).
* Clean and professional: No visual clutter, no cartoonish elements.
* Minimalist aesthetic: Prioritise whitespace, legible fonts, and content hierarchy.
* Australian tone: Confident and capable, but not overly corporate or flashy.
* Typography: Strong, readable headings; clear body text. Avoid novelty fonts.
* Icons: Simple line or outline icons where needed—avoid heavy graphics.
* Animations: Subtle scroll-based reveals (fade-in, slide-up). Fast, lightweight, not gimmicky.
* Mobile responsive: Needs to work beautifully on tablet and mobile without losing flow.
* Screenshots: Designed to showcase actual UI cleanly—framed or full-width where needed. We will provide screen shots - just include place hodler image - image 1, image 2 etc..
* Sticky navigation: For smoother scrolling and access to CTAs.
* clean professional footer where we can provide links, sitemaps and other details
? Pages Required
* Home / Landing Page
Scroll-based reveal, animated sections, CTAs throughout
* Platform Overview
Summary of all ClickHome features and functional areas
* Functional Deep Dives
Five sections (Sales, Preconstruction, Construction, Finance, Maintenance)
Each with scroll-to or modal expand from homepage
* Product Details Template Page
A sample template page so we can easily add and expand on the content in future
* Integrations
Page describing the integrations we offer..
* Segmentation page - Compare Options
Cloud vs Hosted vs Enterprise comparison table
* Cloud page
Includes 5 SaaS packages and trial sign-up form
* Hosted
Describes managed full-feature deployment, includes "Contact Us" CTA
* Enterprise
For large builders with own infra—includes control, integrations, SQL access
* Start Free Trial (Cloud)
Short form for Cloud users: package, job volume, email validation
* Contact Us (Hosted/Enterprise)
Form with company info, goals, build volume, email
* FAQs
Short list of common questions about setup, pricing, support
* About ClickHome
Company history, credibility, why we’re different
Privacy / Terms
Standard legal and data handling
? Extras
Sticky header/nav with quick links
Smooth scroll and lightweight reveal animations
Responsive, fast, professional design
Prior experience with SaaS or B2B websites preferred
Page designs will need callouts to highlight key points.. this will need to mix in with other pages - marketing and promotion.. eg More than 250,000 homes built with ClickHome, etc
Leave room for images - we will provide images separately
Logos and
Landing Page explanation (this is to expand on notes above)
? Landing Page Scroll Behaviour – Design Brief
The landing page should **reveal and introduce content progressively as the user scrolls**—creating a smooth, engaging experience that guides them through the key messages without overwhelming them.
✅ Core Behaviour
- Smooth vertical scrolling with each section or block appearing as the user scrolls down
- Use subtle reveal animations (e.g. fade-in, slide-up, scale) to bring attention to each content block
- The page should feel like a story unfolding, not a series of disconnected panels
? Page Structure (Top to Bottom)
1.Hero Section
- Logo, tagline ("Build. Manage. Succeed.") and a powerful intro headline
- Minimal copy—focus is on first impression and visual impact
- No buttons or heavy text here—just immediate clarity
2. Introductory Messaging
- Two short paragraphs of bold positioning
- Maybe a slight parallax or background motion to create depth
- Scroll trigger subtly teases the next section (e.g. arrow or scroll hint)
3. Functional Areas Overview (5 Pillars)
- Display five clickable blocks or a horizontal scroll that expands on interaction
- Animate each block as it enters view
- Tapping/clicking expands (modal or scroll anchor) into the full deep dive content
4. ClickHome Delivery Options (Cloud, Hosted, Enterprise)
- Use animated cards or a 3-column responsive layout
- Hover reveals or gentle transitions on scroll
- Clear CTAs: "Start Free Trial" for Cloud, "Talk to Us" for Hosted/Enterprise
5. Call to Action Section
- Anchor point at bottom (or floating CTA bar) with a button to start trial / book demo
- Sticky nav or persistent action visible during scroll
? Tone & Animation Notes
- Animations should feel **professional and lightweight**, not gimmicky
- Use **consistent easing** and timing (0.4–0.6s)
- Prioritise **readability** over flashy effects—movement is there to enhance the message, not compete with it
- Reveal sections *just before* they enter the viewport for a natural, polished feel
* Next.js (React)
* Tailwind CSS
* Hosted on AWS Amplify ( we will handle this)
Content and wording
* We will provide text content and wording in a powerpoint for context..
Design Notes
* B2B-focused: Target audience is residential builders (small to enterprise).
* Clean and professional: No visual clutter, no cartoonish elements.
* Minimalist aesthetic: Prioritise whitespace, legible fonts, and content hierarchy.
* Australian tone: Confident and capable, but not overly corporate or flashy.
* Typography: Strong, readable headings; clear body text. Avoid novelty fonts.
* Icons: Simple line or outline icons where needed—avoid heavy graphics.
* Animations: Subtle scroll-based reveals (fade-in, slide-up). Fast, lightweight, not gimmicky.
* Mobile responsive: Needs to work beautifully on tablet and mobile without losing flow.
* Screenshots: Designed to showcase actual UI cleanly—framed or full-width where needed. We will provide screen shots - just include place hodler image - image 1, image 2 etc..
* Sticky navigation: For smoother scrolling and access to CTAs.
* clean professional footer where we can provide links, sitemaps and other details
? Pages Required
* Home / Landing Page
Scroll-based reveal, animated sections, CTAs throughout
* Platform Overview
Summary of all ClickHome features and functional areas
* Functional Deep Dives
Five sections (Sales, Preconstruction, Construction, Finance, Maintenance)
Each with scroll-to or modal expand from homepage
* Product Details Template Page
A sample template page so we can easily add and expand on the content in future
* Integrations
Page describing the integrations we offer..
* Segmentation page - Compare Options
Cloud vs Hosted vs Enterprise comparison table
* Cloud page
Includes 5 SaaS packages and trial sign-up form
* Hosted
Describes managed full-feature deployment, includes "Contact Us" CTA
* Enterprise
For large builders with own infra—includes control, integrations, SQL access
* Start Free Trial (Cloud)
Short form for Cloud users: package, job volume, email validation
* Contact Us (Hosted/Enterprise)
Form with company info, goals, build volume, email
* FAQs
Short list of common questions about setup, pricing, support
* About ClickHome
Company history, credibility, why we’re different
Privacy / Terms
Standard legal and data handling
? Extras
Sticky header/nav with quick links
Smooth scroll and lightweight reveal animations
Responsive, fast, professional design
Prior experience with SaaS or B2B websites preferred
Page designs will need callouts to highlight key points.. this will need to mix in with other pages - marketing and promotion.. eg More than 250,000 homes built with ClickHome, etc
Leave room for images - we will provide images separately
Logos and
Landing Page explanation (this is to expand on notes above)
? Landing Page Scroll Behaviour – Design Brief
The landing page should **reveal and introduce content progressively as the user scrolls**—creating a smooth, engaging experience that guides them through the key messages without overwhelming them.
✅ Core Behaviour
- Smooth vertical scrolling with each section or block appearing as the user scrolls down
- Use subtle reveal animations (e.g. fade-in, slide-up, scale) to bring attention to each content block
- The page should feel like a story unfolding, not a series of disconnected panels
? Page Structure (Top to Bottom)
1.Hero Section
- Logo, tagline ("Build. Manage. Succeed.") and a powerful intro headline
- Minimal copy—focus is on first impression and visual impact
- No buttons or heavy text here—just immediate clarity
2. Introductory Messaging
- Two short paragraphs of bold positioning
- Maybe a slight parallax or background motion to create depth
- Scroll trigger subtly teases the next section (e.g. arrow or scroll hint)
3. Functional Areas Overview (5 Pillars)
- Display five clickable blocks or a horizontal scroll that expands on interaction
- Animate each block as it enters view
- Tapping/clicking expands (modal or scroll anchor) into the full deep dive content
4. ClickHome Delivery Options (Cloud, Hosted, Enterprise)
- Use animated cards or a 3-column responsive layout
- Hover reveals or gentle transitions on scroll
- Clear CTAs: "Start Free Trial" for Cloud, "Talk to Us" for Hosted/Enterprise
5. Call to Action Section
- Anchor point at bottom (or floating CTA bar) with a button to start trial / book demo
- Sticky nav or persistent action visible during scroll
? Tone & Animation Notes
- Animations should feel **professional and lightweight**, not gimmicky
- Use **consistent easing** and timing (0.4–0.6s)
- Prioritise **readability** over flashy effects—movement is there to enhance the message, not compete with it
- Reveal sections *just before* they enter the viewport for a natural, polished feel