Your Website Is Your Best Salesperson (Or Your Worst)
A well-designed website works around the clock — qualifying leads, answering questions, and guiding visitors toward a decision. A poorly designed one does the opposite: it creates confusion, erodes trust, and sends potential customers to your competitors.
The difference between a website that converts at 1% and one that converts at 5% isn't usually a complete redesign. It's a series of deliberate, research-backed decisions about layout, messaging, speed, and user experience.
The average website conversion rate across industries is 2-3%. Top performers achieve 5-10%, and the best seasonally hit 15%+ with targeted optimisation campaigns. The gap represents real revenue.
Principle 1: Speed Is Non-Negotiable
In New Zealand, median mobile internet speeds have risen 53.5% year-over-year to 120 Mbps. Fixed broadband sits at 214 Mbps. This means Kiwi users expect instant page loads — and they leave when they don't get them.
The Data
- A 1-second delay in page load time can reduce conversions by up to 7%
- 53% of mobile visitors abandon sites that take longer than 3 seconds to load
- Google uses page speed as a ranking factor for both mobile and desktop search
Speed Targets
- Largest Contentful Paint (LCP): Under 2.5 seconds
- Interaction to Next Paint (INP): Under 200 milliseconds
- Cumulative Layout Shift (CLS): Under 0.1
- Time to First Byte (TTFB): Under 800ms
Quick Wins
- Compress images to WebP format (60-80% smaller than JPEG with similar quality)
- Enable lazy loading for images below the fold
- Minify CSS and JavaScript
- Use a CDN for static assets
- Eliminate render-blocking resources
- Choose a hosting provider with servers close to your audience
Principle 2: Mobile-First Design
Over 60% of web traffic comes from mobile devices. Yet many websites are still designed on a desktop monitor and then "made responsive" as an afterthought.
Mobile-First Means
- Design for the smallest screen first, then scale up to desktop
- Thumb-friendly navigation — place key actions within natural thumb reach
- Tap targets at least 48x48 pixels — small buttons frustrate users and increase bounce rates
- Readable text without zooming — minimum 16px for body copy
- No horizontal scrolling — ever
- Simplified forms — every additional field reduces mobile form completion by approximately 10%
Mobile UX Checklist
- Test on real devices, not just browser dev tools
- Ensure clickable phone numbers and email addresses
- Use sticky headers or floating CTAs for easy access to key actions
- Compress images and serve appropriate sizes for mobile screens
- Avoid popup overlays that are difficult to dismiss on mobile
Principle 3: Clear Visual Hierarchy
Visitors don't read websites — they scan them. Your design needs to guide their eyes to the most important information in the right order.
The F-Pattern and Z-Pattern
- F-Pattern: How users scan text-heavy pages — across the top, then down the left side. Place key messages in these zones
- Z-Pattern: How users scan landing pages — top-left to top-right, diagonally to bottom-left, then across to bottom-right. Place your CTA at the end of the Z
Hierarchy Techniques
- Size: Larger elements draw attention first. Your headline should be the largest text on the page
- Contrast: High-contrast elements stand out. Use contrasting colours for CTAs
- Whitespace: Give important elements room to breathe. Crowded layouts overwhelm and confuse
- Colour: Use your accent colour sparingly and strategically — primarily for CTAs and key actions
- Position: Elements at the top of the page and in the centre column get the most attention
Principle 4: Compelling Hero Sections
Your hero section (the first thing visitors see without scrolling) has approximately 5 seconds to communicate three things:
- What you do — clear, specific, jargon-free
- Who it's for — the visitor should immediately feel "this is for me"
- What to do next — a single, clear call-to-action
Hero Section Formula
- Headline: State the primary benefit or solve the primary pain point (not your company name)
- Subheadline: Supporting detail that adds specificity or addresses an objection
- CTA button: Specific action-oriented text ("Get Your Free Audit" not "Submit")
- Visual: Relevant image or video that reinforces the message
- Social proof: A trust indicator — client logos, star rating, or key statistic
Examples of Effective Headlines
- Weak: "Welcome to Our Digital Marketing Agency"
- Strong: "Get 3-5x More Qualified Leads Without Increasing Your Ad Spend"
- Weak: "Professional Plumbing Services"
- Strong: "Same-Day Plumbing Repairs in Auckland — Fixed Price, Guaranteed"
Principle 5: Strategic Calls-to-Action
Every page should have a clear primary action you want visitors to take. Confusion about what to do next is the biggest conversion killer.
CTA Best Practices
- One primary CTA per page — don't give visitors five equally weighted options
- Action-oriented language: Use verbs. "Start Your Free Trial" beats "Free Trial Available"
- Contrast colour: Your CTA button should be the most visually prominent element on the page
- Above the fold AND repeated: Place your CTA in the hero section and repeat it after major content sections
- Reduce friction: "Get Started — No Credit Card Required" removes an objection before it forms
CTA Hierarchy
- Primary CTA: The main conversion goal (book a call, start a trial, buy now)
- Secondary CTA: A lower-commitment alternative for people not ready (download a guide, watch a demo)
- Never let the secondary CTA compete visually with the primary
Button Design
- Large enough to notice (minimum 44px height on mobile)
- Rounded corners (slightly) tend to outperform sharp corners
- Add micro-copy below the button to address objections ("Cancel anytime" or "30-day money-back guarantee")
Principle 6: Trust Signals and Social Proof
People make decisions based on what others have done. Trust signals reduce perceived risk and increase confidence in taking action.
Types of Social Proof
- Testimonials: Real quotes from real customers with names and photos. Video testimonials are the most powerful
- Case studies: Detailed results with specific numbers ("Increased revenue by 147% in 6 months")
- Client logos: Recognisable brands you've worked with
- Star ratings and reviews: Aggregate ratings from Google, Trustpilot, or industry platforms
- Numbers: "Trusted by 500+ NZ businesses" or "$2.3M in revenue generated for clients"
- Media mentions: "As seen in" logos from publications or media outlets
- Certifications and awards: Industry certifications, partner badges, awards
Placement
- Near CTAs — social proof right before or alongside a CTA reinforces the decision
- In the hero section — a trust bar of client logos or a key statistic
- On pricing pages — testimonials from customers at each price point
- Throughout long-form pages — break up content with proof points
Principle 7: Effective Form Design
Forms are where conversions happen — and where they die. Every unnecessary field, unclear label, or confusing layout costs you leads.
Form Optimisation
- Reduce fields to the minimum — name, email, and one qualifying question is often enough
- Use smart defaults and autofill — reduce typing wherever possible
- Single-column layout — multi-column forms are harder to scan on mobile
- Inline validation — show errors as users type, not after they submit
- Progress indicators for multi-step forms — "Step 2 of 3" reduces abandonment
- Clear submit button text — "Send My Free Quote" beats "Submit"
Reducing Form Anxiety
- Add privacy messaging near email fields ("We respect your privacy — no spam, ever")
- Display security badges near payment forms
- Show what happens after submission ("You'll hear back within 2 hours")
Principle 8: Content That Converts
Design gets attention. Content closes the deal.
Writing for Conversion
- Lead with benefits, not features. Features describe what something does. Benefits describe what it does for the customer
- Address objections proactively. If price is a concern, explain the value. If trust is an issue, show proof
- Use specifics over generalities. "We increased organic traffic by 312% in 90 days" beats "We drive great results"
- Write for scanners. Short paragraphs, bullet points, bold key phrases, descriptive subheadings
- One idea per section. Don't cram multiple messages together
Page Structure That Works
- Hero: Problem + solution + CTA
- Social proof: Why trust us
- How it works: Simple 3-step process
- Benefits: What you get (with specifics)
- More social proof: Testimonials or case study
- FAQ: Address remaining objections
- Final CTA: Repeat the primary action
Principle 9: Accessibility Is Good Business
Accessible design isn't just ethical — it improves UX for everyone and positively impacts SEO.
Key Accessibility Practices
- Sufficient colour contrast (WCAG AA minimum: 4.5:1 for normal text)
- Alt text on all meaningful images
- Keyboard navigation support
- Proper heading hierarchy (H1 > H2 > H3)
- Form labels associated with inputs
- Focus indicators visible on interactive elements
- Captions on video content
Testing and Iteration
Conversion optimisation is never "done." The best websites continuously test and improve.
A/B Testing Priorities
- Headlines (the highest-impact single element)
- CTA text and placement
- Hero section layout
- Form length and design
- Social proof placement and type
- Page length (short vs. long-form)
Tools
- Google Optimize (or alternatives like VWO, Optimizely) for A/B testing
- Hotjar or Microsoft Clarity for heatmaps and session recordings
- Google Analytics 4 for conversion funnel analysis
Quick Wins Checklist
If your website isn't converting well, start with these high-impact changes:
- Speed up your site — compress images and enable caching
- Rewrite your hero headline to focus on the customer's primary benefit
- Add a clear, contrasting CTA button above the fold
- Add 3-5 genuine testimonials near your CTAs
- Simplify your forms — remove any field that isn't absolutely necessary
- Test your site on mobile — fix anything that feels clunky
- Add trust signals throughout the page (logos, numbers, reviews)
A website that loads fast, communicates clearly, builds trust, and makes it easy to take action will outperform a beautiful website that does none of those things.