Buddle — Redesign Audit 2026
Redesign Audit · July 2026

From colourful
to corporate-clean.

A complete redesign audit aligned to Buddle's new brand system — covering colour translation, page restructure, section-by-section fixes, and copy direction for a minimal, high-converting brochure site.

Current Visual
4/10
Brand Alignment
2/10
Hierarchy
5/10
Conversion UX
5/10
Copy Clarity
6/10
2026

01 — New Brand System

Colour, type & icon
translation guide.

The new brand guide has been reviewed in full. Here's exactly how the current site's visual language needs to change — mapped token by token.

New Colour Palette

Midnight
#172038
Buddle Blue
#4365FF
Stone Blue
#E4EBFC
Ivory
#F9F6F0
Amber Gold
#FFB830
Text Secondary
#3D4F6B
Text Body
#5A6B80
Text Muted
#8A9BB5
Border
#C8D5E8
Surface Subtle
#E4EBFC

Colour Replacement Map — Current → New

Current navy/dark blue backgrounds
Midnight #172038 — section backgrounds, footer, dark panels
Current bright blue CTAs & accents
Buddle Blue #4365FF — all CTAs, links, active states
Current yellow used freely across sections
Amber #FFB830 — sparingly only (badges, alerts, accents)
Current white backgrounds (flat)
Ivory #F9F6F0 — page base. White only for card surfaces
Current light purple/lavender backgrounds
Stone Blue #E4EBFC — subtle section backgrounds, card fills
Current neutral grey borders & text
Border #C8D5E8 — all dividers, card edges, input borders

Typography & Icon Changes

Display / Headings
Replace current mixed heading stack with Sora (or brand-specified display font) — clean geometric, no decorative serifs. Weight: 700 for H1, 600 for H2–H3.
Body Copy
Inter — the blue-tinted greyscale system pairs best with Inter's neutrality. Weight: 400 body, 300 lead paragraphs, 500 for UI labels.
Icons
Replace ALL current custom SVG cartoon illustrations with Phosphor Icons — Thin weight in Midnight or Buddle Blue. No filled icons. No illustrated characters.
⚠ Critical Brand Rule — Amber Gold

The brand guide states Amber Gold (#FFB830) is for specific brand moments — not for everyday use. The current site uses a similar yellow colour in almost every section. On the redesign: Amber is used for the orange dot in the logo, badge accents, and single emphasis moments only. It should NOT appear in hero copy, backgrounds, or decorative elements repeatedly across the page.


02 — Homepage Structure

Restructure for conversion.
Cut what doesn't earn its place.

The current homepage has 11 distinct sections — many competing for attention, several duplicated, and the most important conversion triggers buried at the bottom. The new structure follows a brochure site logic: Authority → Problem → Solution → Proof → Action.

Keep as-is (restructured)
Remove entirely
Add new / significantly rewrite
Reorder / reframe
Current Order
Scroll-animation headline (duplicate H1)
Decorative icon scroll strip
Hero headline + subhead
Lead gen form (inline, hero area)
Trusted by logos
"Outsourcing a powerhouse team" heading
Our Difference (4 cards)
"Your staff. Your way." section
"We don't just outsource" value prop
"Why Filipino professionals?"
Property Management newsletter / workflow charts CTA
Services accordion / tabs
Testimonials carousel
Duplicate testimonial section (mobile/desktop copies)
Final CTA / "Book a Consultation"
Proposed New Order
+Hero: Single H1 + subhead + primary CTA + 3 trust pills (ISO, 4-week, AU-owned)
Trust strip: Trusted by logos (full-width marquee, Midnight bg)
+Problem statement: "Most outsourcing is transactional. We built something different." (2-col layout)
Our Difference: 4 cards rewritten with defensible claims + Phosphor icons
How it works: Condensed 3-step process visual (Brief → Match → Manage)
Services: Tabbed section, cleaner layout, all 5 verticals, Phosphor icons
Why Filipino professionals: Reframed as "Why our team?" — quality-first, cost second
Testimonials: Single carousel, photo + name + title + company, 1 metric per quote
+Case studies teaser: 3 featured stories with industry + result stat
+Final CTA band: Full-width Midnight bg, headline + "Book a Free Consultation" button
Key restructure logic: The current homepage buries its strongest trust signals (ISO27001, AU ownership, 15yr experience, no-cost replacement) in the footer, FAQ, and /who-we-are. The new structure surfaces these within the first two sections. The lead gen form moves below the fold — the single above-fold action is "Book a Free Consultation" which anchors all conversion intent.

03 — Section-by-Section Findings

Every section.
Diagnosed & directed.

Each finding includes the current problem, the new brand alignment issue, and the specific redesign action required. Click any row to expand.


04 — Copy Direction

The words have
to change too.

The new brand direction is clean, direct, and authoritative. The current copy is enthusiastic but verbose. Here's the rewrite direction for every key section — not word-for-word rewrites, but clear direction on tone, length, and structure.


05 — Execution Priority

What gets done
in what order.

Ranked by impact on visual quality, brand alignment, and conversion. Phase 1 must be complete before any page goes live.

# Task Affects Priority Effort
buddle.
Redesign Audit · July 2026 · Prepared by your web partner