Studio live · Booking 2026 builds

Web design with Ikaroa

Design thatearns its keep.

Conversion-led websites for brands that take the front door seriously. Strategy, system, build, launch, optimise. One team, six weeks, one bill.

What design is for

Six things we believe. The site you get reflects all of them.

Belief 01

The homepage is the most expensive piece of real estate you will ever own.

Every visitor lands here first. Every paid impression sends them here. Every AI search citation points here. We design it like the asset it is, not the page nobody updates after launch.

Belief 02

Pretty is not the point. Conversion is.

A beautiful site that does not convert is a brochure. A converting site that is also beautiful is an unfair advantage. We refuse to pick one.

Belief 03

Mobile-first was 2014. AI-first is 2026.

Half your future buyers will meet you through a model that read your site, not a human who scrolled it. We design pages an LLM can quote as confidently as a human can scan.

Belief 04

Every page is a landing page.

There is no "secondary" page anymore. Search, social, ChatGPT, email, visitors land everywhere. Every URL has to earn the next click on its own merits.

Belief 05

The website is the brand.

It is the surface you touch a thousand times more often than any other. Slack avatar to investor deck, all of it ladders back to whatever this page does for you.

Belief 06

Speed is design.

A 1.2-second LCP is not a developer concern, it is a creative one. The fastest site in the category will out-convert the prettiest one. We refuse to ship a site that loses on either.

Anatomy

How an Ikaroa homepage is built, from the bones up.

ikaroa.com/example
  • 01

    Six-second hero

    The headline has to say what, for whom, and why now, in the time a visitor takes to decide whether to keep scrolling.

  • 02

    Social proof anchor

    Logos, ratings, or a one-line citation that earns the next 30 seconds of attention before the visitor has read a single feature.

  • 03

    Outcome blocks, not features

    What it does for the buyer, not how it is built. Features go below the fold, after they care.

  • 04

    Interactive proof

    A calculator, a slider, a demo, anything that makes the visitor turn the dials in their own numbers. Buying intent compounds when the user has done some of the maths themselves.

  • 05

    Objection-handling FAQ

    The eight questions every buyer is silently asking before they fill in the form, answered in the order they ask them.

  • 06

    CTA they cannot miss

    Same offer, same words, same colour, three times down the page. Visitors decide at different scroll depths.

The system

Every site we ship is a design system, not a stack of pages.

A small system of tokens, components, and rules that compose into every screen your visitors and your team will ever see. Six samples from the kit below.

Component

Buttons

Primary, ghost, destructive. Three radii, three sizes, every state covered.

Component

Palette

A six-step neutral, six brand hues, three signal colours. Tokenised, not picked from a colour wheel.

Component

Type scale

A musical fifth ramp. Same family, four weights, balanced wrapping built in.

Aa

Aa

Aa

Aa

Component

Spacing

An 8-point grid. Every margin, every padding, every gap divisible by four.

Component

Motion

Four easings, three durations. Slow-out beats spring-bounce for almost every interface motion.

ease-out · 200ms
ease-in-out · 350ms
cubic-bezier · 480ms

Component

Density

Three densities, comfortable for marketing, compact for app surfaces, tight for data tables.

How a site gets made

Thirty-five days from brief to live.

Most sites we build are running within five weeks. Bigger jobs (commerce, multi-language, deep CMS) run longer; the cadence is the same.

  1. 0

    Day 0

    Brief + spin

    You tell us the business, the buyer, and the constraints. You spin the wheel. We come back inside a working day with a recommended scope and how your prize applies.

  2. 1–4

    Days 1–4

    Strategy + sitemap

    We map the buyer journey, build the sitemap, and rank every page by commercial intent. The site is sketched as an org chart before a single pixel moves.

  3. 5–10

    Days 5–10

    Wireframes + copy

    Low-fidelity wireframes for every key page. Copy is drafted in parallel because layout without words is just decoration. You see the bones before we paint.

  4. 11–18

    Days 11–18

    Visual design

    Full-fidelity comps for the homepage and three flagship templates. Type system, colour tokens, component library, built as a system, not page-by-page.

  5. 19–24

    Days 19–24

    Prototype + test

    A working clickable prototype. We put it in front of five buyers from your audience, watch them use it, and re-cut the things that confuse them.

  6. 25–32

    Days 25–32

    Build

    We build it ourselves on Next.js + Vercel, or hand it to your team with a Figma file your engineers will not curse us for. Performance budget enforced from the first commit.

  7. 33+

    Day 33+

    Launch + iterate

    We watch the analytics for the first 14 days, fix the things the data flags, and hand you a roadmap of the next ten experiments to run.

The maths

A half-point of conversion is the cheapest growth lever you have.

Drag the dials to your numbers. The site we build pays for itself the first time we move the conversion needle, which is roughly always.

20,000
1.60%
$250

Drag the three dials to match your numbers. The right column shows the annual revenue you would unlock by lifting your conversion rate by a half-point, a point, or two points. Conversion-led web design is the cheapest way to buy that lift.

Annual revenue at 1.6%

baseline

$960,000

+0.5pt2.10% CR

+$300,000

New annual revenue $1,260,000, $25,000 more per month, every month, while the site stays up.

+1.0pt2.60% CR

+$600,000

New annual revenue $1,560,000, $50,000 more per month, every month, while the site stays up.

+2.0pt3.60% CR

+$1,200,000

New annual revenue $2,160,000, $100,000 more per month, every month, while the site stays up.

What goes wrong

Six ways most websites quietly cost their owners money.

01

Treating the homepage like a brochure

A static introduction is the lowest-converting kind of page. A homepage is a sales conversation, scripted for the visitor who will not read more than five sentences.

02

Letting the engineers pick the typography

Type is the loudest brand signal on the page. If the typography is whatever shipped with the framework template, the brand is whatever shipped with the framework template.

03

Building "responsive" instead of "device-aware"

Mobile is not a smaller desktop. Tablet is not a bigger phone. We design for the gesture, the context, and the screen, three layouts, not one breakpoint-squished compromise.

04

Ignoring how AI reads the page

Half your search traffic in 18 months will be an AI quoting your page back to a human. Pages without FAQ schema, structured facts, and clear answer paragraphs will not get cited.

05

Animating because the framework supports it

Every animation is a tax on attention. We use motion to show causation (this button did this) and direction (the next thing is here), and turn it off everywhere else.

06

Skipping the second draft

The version that ships is never the best version. We design the homepage three times before we paint it, because the first idea is always the most obvious one.

The bar

Every site we ship hits the same scoreboard.

Performance, accessibility, best practices, SEO. Four numbers we measure on every build, on every release, against every Lighthouse run. None of them is allowed below the threshold.

Performance

100/100

LCP under 1.2s on 4G

Accessibility

100/100

WCAG 2.2 AA out of the box

Best practices

100/100

No deprecated APIs, no console errors

SEO

100/100

Crawlable, structured, citable

What we build with

The stack changes per build. The opinion does not.

We pick tools that pay rent. Next.js + Vercel is the default because it earns its weight on every brief. The rest of the stack is decided by what your team can maintain after we hand it over.

Framework

Next.js

App Router, server components, streaming.

Platform

Vercel

Edge-rendered, global cache, instant rollback.

Styling

Tailwind

Tokenised design system, zero CSS bloat.

Design

Figma

Components mirror code one-to-one.

No-code

Webflow

For teams that need to edit without us.

Commerce

Shopify

Headless storefronts on the Hydrogen stack.

CMS

WordPress

Headless when content velocity matters.

Content

Sanity

Structured editorial for content-led brands.

The questions we always get

Eight plain answers.

How long does a full redesign take?

A standard marketing site takes 6 to 8 weeks from brief to launch. Bigger builds (eCommerce, multi-language, deep CMS work) run 10 to 14 weeks. We share a week-by-week timeline before you sign anything.

Do you build the site, or just design it?

Both. The default is end-to-end on Next.js + Vercel, same team, same Slack, no handoff seam. We can also stop at the design and hand a Figma file to your engineers, with components your team can actually rebuild without guessing.

What does a website cost?

A high-craft marketing site for an established brand starts around $25k. eCommerce builds, multi-language sites, and headless-CMS work start at $40k. We share a scoped figure before any of the design work begins, and we never bill against an open-ended hourly rate.

Will the new site be fast?

Yes. Performance is part of the brief from day one, not something a developer wedges in at the end. Every site we ship targets a 1.2-second LCP on a 4G connection, perfect Lighthouse scores out of the box, and a Core Web Vitals pass under Google's thresholds. If you brought a third party to audit our work, they would not find a single low-hanging fix.

Will it rank in Google and show up in ChatGPT?

Yes, that is in the brief. Technical SEO (sitemap, structured data, OG tags, performance) is built in. FAQ schema and citable answer paragraphs are designed in so AI search engines can quote you confidently. We pair the design build with our AIO service if AI search matters to you.

Can we update the site without a developer?

Yes. The default build pairs Next.js with a headless CMS (Sanity, Contentful, or Webflow depending on the team's comfort level). Your marketing team edits pages, adds content, swaps imagery, without touching code.

What about accessibility?

WCAG 2.2 AA is the minimum bar on every build. Colour contrast, keyboard navigation, semantic HTML, screen-reader labels, motion-reduction support, all baked in. We will not ship a site that fails an audit.

Do you do branding too?

Yes. Our brand-strategy and logo-design teams sit alongside the web team. If you need the identity before you can pick a typeface, we run the brand work first and bring it through. If your brand is already strong, we work to it.

This month only

Spin the wheel. Win a real website upgrade.

Eight real prizes on the wheel. Four are free upgrades to your build, four are discounts on services we sell every day. Every visitor wins something. One spin per browser, locked into your enquiry on the right.

FREE 5-page site30% off brandingFREE domain · 1yr25% off SEO · 3moFREE hosting · 6mo20% off motionFREE eCom site$500 off

One spin per visitor

Terms apply. One spin per browser. All "free" prizes (website, eCommerce site, domain, hosting) are subject to an active monthly management retainer and standard hosting fees. Discounts apply to a single signed scope and cannot be combined. Prizes are non-transferable, hold no cash value, and expire 30 days from the spin date. Build and onboarding slots are allocated first-come-first-served once a scope is signed.

No obligationReply in 1 working day

Claim your prize + brief the project

Spin first, then tell us about the project. A designer replies within one working day with a recommended scope and how your prize applies.

By submitting this form, you consent to Ikaroa contacting you via the email, phone, or other details you provide, in line with our terms and privacy policy. You can reply STOP, unsubscribe, or ask us to remove your details at any time.