Design service / Website Design

Website Design. Built to convert.

Load fast. Convert hard. Get cited by ChatGPT.

Most studios design for the pitch deck. Six months later the form sits on the wrong side of the fold, the hero loads at 4.2 seconds on mobile, and the page does not show up in a single AI answer.

We start with the conversion goal, the Core Web Vitals targets and the LLM-citation strategy. Senior art directors lead, AI-native production runs underneath.

  • Marketing sites and landing pages led by art directors with 4A backgrounds
  • Engineered for Core Web Vitals, INP under 200ms, WCAG 2.1 AA
  • Built to rank on Google and get cited by ChatGPT, Perplexity, Gemini
  • Two-week launch on standard scopes

Shanghai studio / Marketing sites + landing pages + eCom

A 16-inch laptop on a warm walnut desk in a sunlit studio, the screen showing an abstract minimalist editorial homepage layout. Studio work / Stelar

Why it matters

The half-second
test.

A B2B SaaS team came to us last September after signing off on a new homepage the previous April. By late August the page was still in staging. Two designers had quit, the agency was on its third project manager, and the launch had slipped past three quarterly OKRs.

We took the brief mid-September and the site went live the week of October 21. We have heard versions of that story from new clients most months, which is part of why we built the studio the way we did. hubStudio was founded by the former CEO of Publicis Commerce and Performance Marketing for China and North Asia, and it runs on short cycles, multiple directions in parallel, and real testing on day one.

Recent surfaces include category pages for HiSense, an eCom redesign for Camper, and market entry sites for Age20 and Shiseido RQ PYOLOGY.

A young woman at a sunny cafe table holding a smartphone showing a clean minimalist product page, only her hands and lower face in soft focus.
The half-second test

Roughly thirty website and landing-page jobs across the last eighteen months. Averages across that book, not single-project highs.

0x Average conversion lift 2.4x after redesign, recent book
0s Median mobile LCP Inside the 2.5s Google threshold
0x Layout variants tested Ten directions before launch
The collaboration with hubStudio gave us a structured yet flexible creative process, from early VI guideline development through to scalable visual execution.
Leanne Ye Director, Beyond Border Group (RQ PYOLOGY)

The work, defined

Every page, one brand system.

A homepage and a Black Friday landing page have almost nothing in common. Same logic with a US homepage versus a China-market entry site. We staff each surface with art directors who have shipped it before, working off one design system.

Five lanes
  • Marketing sites
  • Landing pages
  • eCommerce
  • Single-page conversion sites
  • Multi-market builds

For print, see Print Design. For motion, see Short Video.

A laptop and a smartphone side by side, each showing an abstract marketing homepage layout that reflows for mobile.
Marketing surfaces

Coverage

Marketing sites, landing pages, single-page launches.

Three lanes, one design system.

Marketing sites end to end or extending an existing system. Landing pages are the volume lane, where parallel testing earns its keep: ten directions tried, one wins, the rest become a library. Single-page conversion sites cover launches, lead magnets and waitlists.

Every surface is staffed by art directors who have shipped it before. Every page opens with the conversion goal, the Core Web Vitals targets and the LLM-citation strategy. Definition-first openings, structured entity signals, citable statistics and Schema.org markup wired in from the wireframe.

In scope

  • Marketing sites
  • Landing pages
  • Single-page launches
  • A/B and split testing
  • Lead magnets
  • Waitlists
  • Design systems
  • Webflow & Framer
  • Next.js + Sanity
  • Migrations & redesigns
Two smartphones on a sand-colored linen surface, each showing the same minimalist commerce product page.
eCommerce

Coverage

eCommerce, on whichever stack already fits.

Shopify, Shopify Plus, Salesforce Commerce Cloud and headless.

Devialet roughly doubled conversion on a headless rebuild, depending on which page you measure. Paula's Choice reported a 53.6% lift. The pattern is consistent: the right architecture, the right art direction, and pages engineered for Core Web Vitals from the wireframe, not bolted on at QA.

For brands that need it, hub4You generates on-brand category and PDP variants on demand and connects to your DAM and PIM so output lands where your team already works.

In scope

  • Shopify
  • Shopify Plus
  • Salesforce Commerce Cloud
  • Headless commerce
  • Next.js + Sanity
  • Subscription flows
  • PDP and PLP systems
  • Checkout optimisation
  • Catalogue at scale
Two laptops on a bright oak desk showing the same campaign hub homepage in two different language scripts.
Multi-market builds

Coverage

Multi-market builds, China included.

The lane brands ask us about most.

China alone needs ICP licensing, Baidu-first SEO, WeChat Pay and Alipay integration, mainland hosting on Aliyun or Tencent Cloud, RED and Douyin content strategy, and an information-dense layout that reads as confidence to mainland users rather than clutter.

Localization handles the text expansion that breaks layouts when English moves to French or German (15 to 30% longer) and the contraction when it lands in Chinese, Korean or Japanese. We have been building in and out of China for fifteen years between us.

In scope

  • ICP filing
  • Mainland hosting
  • Baidu-first SEO
  • WeChat & Alipay
  • RED & Douyin
  • Six-language sites
  • Hreflang & geo routing
  • Currency & checkout per market
  • Bilingual brand systems

Contact sheet

Selected proofs.

Working prototypes and shipped surfaces, generated and finished in the studio. Every frame is authored work, not a stock pull.

A laptop on a charcoal concrete desk showing a Stelar consumer-tech category page with a clean grid of product blocks.
Stelar Consumer tech category page
A smartphone propped against folded cotton, the screen showing a Halden fashion product page with an editorial hero image.
Halden Fashion eCom redesign
A tablet on warm ceramic beside a frosted bottle, displaying a Maren beauty homepage with a soft hero image and serif headline.
Maren Beauty DTC, four markets
A smartphone on dark slate showing a Yara market-entry homepage with a vertical hero image area and content tiles.
Yara Market entry site
Two laptops on a bright oak desk showing the same Pavone retail campaign hub homepage in two language scripts.
Pavone Multi-market campaign hub
A tablet on warm marble showing a Loftrise hospitality booking flow with a soft interior hero image, calendar block and a clean button.
Loftrise Luxury hospitality booking
A designer at a sunlit desk, a 27-inch monitor showing a green Core Web Vitals dashboard for LCP, INP and CLS.
A hand holding a smartphone showing an accessible minimalist website beside a printed page of WCAG annotations.
< 200 ms INP target at the 75th percentile

The craft

Conversion, AI-search and
accessibility, from the wireframe.

Core Web Vitals come first. LCP under 2.5 seconds. INP under 200ms at the 75th percentile, the one most sites still fail.

43% of websites still fail the INP threshold of 200 milliseconds, making it the most commonly failed Core Web Vital.
Chrome User Experience Report (CrUX), early 2026

GEO baked in. Generative Engine Optimization is not optional anymore. Vercel reported that 10% of new signups now come from ChatGPT referrals. Ahrefs found AI visitors deliver a 24-to-1 conversion ratio against organic search.

LLM visitors convert at 15.9% from ChatGPT, 10.5% from Perplexity, and 5% from Claude, compared to a 1.76% organic search conversion rate.
Seer Interactive, June 2025

We build pages with definition-first openings, structured entity signals, citable statistics and Schema.org markup LLMs can parse. Accessibility is now a legal requirement, not a nice-to-have. The European Accessibility Act took effect June 28, 2025, with penalties reaching €100,000 per violation in some member states.

  • Core Web Vitals
  • WCAG 2.1 AA
  • EAA conformance
  • Schema.org / GEO

Stack. Figma, Webflow, Framer, Shopify, headless on Next.js and Sanity. AI exploration on v0, Lovable, Cursor and our own brand-trained models. LLMrefs for AI-search tracking. We are not religious about any of it.

Our process

Creative is where
it is won.

Most studios sell process. We sell the creative call: hierarchy, flow, entity strategy. AI made the technical side cheap and fast for everyone. It did not replace the eye that picks which idea is actually worth scaling.

First two steps are where it is won or lost. The rest is execution.

A designer's worktable with a notebook of hand-drawn wireframes, sticky notes, a printed column grid and a closed laptop.
Where it is won

Brief and goals.

Conversion goal, audience, Core Web Vitals targets and LLM-citation strategy on the table from day one.

A studio whiteboard covered in user-flow diagrams beside a laptop showing an abstract sitemap, a hand drawing a connecting line.
Where it is won

Strategy and IA. The step that matters most.

Art directors set hierarchy, user flow and entity strategy. This is where a site becomes ownable, and where a landing page goes from generic to inevitable.

A wide monitor showing twelve homepage layout variants in a grid, a designer's hands gesturing toward one of them.
The rest is execution

AI exploration.

Ten layout directions in parallel as working prototypes, not static mockups. Click-throughs included.

A designer at a sunny desk leaning over a large monitor showing an abstract minimalist homepage layout, sketching pen in hand.
The rest is execution

Refinement and build.

Accessibility audited, structured data implemented, SEO migration mapped, components shipped to dev as a working system.

A laptop, tablet and smartphone on an oak desk showing the same homepage reflowed for each screen, with a soft analytics chart behind.
The rest is execution

Launch and test.

Traffic split on day one, two weeks of testing, full rollout with the winner. The page becomes a living surface, not a frozen asset.

The new math

How AI changes
the math.

A client lands with a sixty-page marketing site across four markets, a three-language Shopify Plus build behind it. The same brief, run two ways.

The old workflow Twenty-two weeks
Concepts Eight weeks Revisions Six weeks Build & QA Eight weeks

Old workflow: brief an agency, eight weeks for concepts, six more for revisions, eight for build and QA. Five to six months, three or four design rounds, and one tired team. By the time the site goes live, the brief that ordered it is two product cycles old.

Our workflow Two weeks
Brief to launch Two weeks

Our workflow: ten layout directions in parallel as working prototypes, not static mockups. Core Web Vitals scored, accessibility audited, GEO baselined and SEO migration mapped before a single line of production code. Traffic split on day one, two weeks of testing, full rollout with the winner.

A few things. First, the team. Every project is led by an art director who came out of a 4A agency (Publicis, Ogilvy, WPP), so you get senior creative direction on day one rather than a junior pitching a senior's deck. Second, the production layer. We run ten layout directions in parallel with AI-trained models on top of our brand work, which is why a job that takes a traditional agency four months tends to ship from us in two to four weeks. Third, the scope. Every site we ship is engineered for Core Web Vitals, WCAG 2.1 AA accessibility and AI-search citation from the wireframe forward, not as a post-launch retrofit. Most agency contracts signed before mid-2025 do not include that scope.

We don't publish a rate card because the work scopes too differently. A landing page for a Series B SaaS is not the same job as a six-language eCom build for a luxury house. What we can tell you up front: we are not the cheapest option in Shanghai, and we are not the most expensive in New York. We sit firmly in the middle of where senior 4A-trained talent costs, with the AI-native production layer letting us run faster and ship more variants for the same brief. We will quote firm after a 30-minute call.

Two to four weeks for a marketing site or landing page from brief to launch. Four to eight weeks for a full eCom build or a thirty-plus-page site with custom integrations. Six to ten weeks for multi-market or bilingual builds with localization. Faster on an extension of an existing system. Compare that to the four to six months a traditional agency typically quotes for the same scope.

Three per page. Most projects close inside two. Beyond round three we quote hourly, but it is rare. The AI exploration phase surfaces direction issues early, not at round four.

Brand guidelines if you have them. Final copy or a copy brief. Hi-res imagery, product shots, logos. A page list with conversion goals per page. Tech stack details. Existing analytics access if there is a current site. Reference work you like or want to avoid. If brand guidelines do not exist, we work from what does and flag the gaps.

Art directors from agency backgrounds (think Publicis, Ogilvy, WPP) lead every project. AI specialists handle the production volume. Developers with shipped commercial sites build the code. Accessibility consultants audit at each stage. No junior teams running the brief alone, and no offshore handoffs that disappear for a week.

Like you. We train our exploration on your existing brand assets, so the output stays inside your visual system. For brands without a documented system, we build one as we go and hand it over with the files. The AI sameness problem is real, and strong art direction is how we get around it.

GEO is part of the standard scope. We build pages with definition-first opening paragraphs, structured entity signals, citable statistics with sources, Schema.org markup LLMs can parse, and an information density that holds up when an AI retrieves only the first 200 tokens. We track citations across ChatGPT, Perplexity, Gemini and Copilot post-launch using LLMrefs or Profound, and report monthly on share of model and citation share against competitors.

We build every site to WCAG 2.1 AA and EN 301 549 from the first wireframe. That covers the European Accessibility Act, the US ADA (via court precedent on WCAG), the UK Equality Act, the AODA in Ontario and most other major frameworks. We deliver an accessibility statement, a VPAT-style conformance report, and a remediation list for any items that need ongoing attention. Automated tools catch 30 to 40% of issues, so we layer manual testing with screen readers and keyboard navigation on top.

Both. Some clients come to us for one landing page. Others come with a 60-page site across four markets, three languages and a custom Shopify Plus build. The workflow scales either way. Localization handles the text expansion that breaks layouts when English goes to French or German, and the contraction when it lands in Chinese, Korean or Japanese.

We handle it. ICP filing, mainland hosting on Aliyun or Tencent Cloud, Baidu-first SEO, WeChat Pay and Alipay integration, RED and Douyin content strategy, and an information-dense layout that reads as confidence to mainland users rather than clutter. We have been building in and out of China for fifteen years between us.

You own the final deliverables. We use commercially safe models, and we document the workflow. For the legal side in full, see our Copyright and AI guide .

Full production deliverables. Dev-ready Figma files with documented components, a working design system, all states (hover, active, disabled, error), responsive breakpoints, accessibility annotations and asset exports. Your dev team builds it on the first pass.

Built into the scope. URL mapping, 301 redirect plan, metadata porting, structured data migration, Core Web Vitals optimization, GEO baseline and post-launch monitoring. Redesigns that skip this lose 20 to 60% of organic traffic within three months. We do not launch without it.

Yes. Send us one brief, a landing page or a homepage redesign. Inside two weeks you get three working prototypes, click-throughs included, Core Web Vitals scored, accessibility-audited, and a build estimate. No retainer, no commitment, the work is yours either way.

Try us

Try it on a real brief.

Send us a page. Inside two weeks you get three working prototypes, Core Web Vitals scored, WCAG-audited and GEO-baselined. No retainer, no commitment. The work is yours either way, whether you decide to move forward with us or hand the files to another team.