Marketing and product design

How our design team uses Claude Design to turn a week of prototyping into a day

Seven landing pages in one month, each live within 1 to 3 days of the concept.

Published 4 November 2026 · 5 min read

1 dayto update a prototype after feedback, down from about 1 week
7landing pages in one month
1 to 3 daysfrom concept to live page, down from 2 to 4 weeks

In June 2026, Faiz, from Mereka’s design and product team, described the change. An interactive prototype used to take him a week. With Claude Design, he can work through a full round of feedback and ship the updates within a day.

The microsite for our Impact Report 2021 to 2025 at impact.mereka.io, the NextGen Sellers programme page and the IBM TVET Digital Talent Accelerator site at ibm-dta.com all came through the same route.

Key takeaways

  • Choose an AI design tool whose output is working code, so a page can be published without being rebuilt.
  • Load your brand once, so every page starts on-brand and new users skip the setup.
  • Collect feedback on the design itself, then give the AI the whole batch in one prompt.
  • Keep a person on facts and numbers. Treat generated copy as a draft.

The problem

Every programme, campaign and funder pitch at Mereka needs a page. Before Claude Design, each one followed the same path.

  • A programme team wrote a brief and a timeline. For the IBM TVET DTA landing page in June 2026, the plan allowed 12 days from brief to first draft, and that draft was to be a static Figma mockup.
  • A designer drew static screens, and feedback arrived through Slack, email and meetings.
  • A developer rebuilt it in code, between platform work, and QA tested it before launch.
  • After launch, every copy change went back into the developer’s queue.

Faiz described the old way of making a prototype as “grueling pain and suffering”. Programme teams could not change their own pages, and a client pitch that needed something clickable often got a slide deck.

The solution

The route has four parts.

  1. Claude Design produces the page itself

    Claude Design is Anthropic’s design tool. You describe the page in plain language and it produces working HTML and CSS.

  2. The brand is loaded once

    Mereka’s design system, with its colours, typefaces and logo rules, sits inside Claude Design, so every new page starts on-brand. Iqbal, from our content team, learned the tool from a tutorial Faiz shared.

    “It was helpful because I don’t have to explain or upload our branding every time I prompt request a design.”Iqbal, content team
  3. Feedback goes on the design

    Reviewers open the Claude Design file and comment directly on the page.

    whenever I get feedbacks I can just compile all the feedback and provide the necessary context to claude and then BOOM…claude updates it all and it’s finished.”Faiz, design and product team

    Reviewers can edit too. When the new AI Lab site was in review in October 2026, Ambika duplicated the Claude Design file and edited it herself, then left comments for Faiz to work through.

  4. Publishing is a push

    Each finished page lives in its own GitHub repository. Pushing a change deploys it automatically to a shared server we manage with Coolify, an open-source hosting platform, and a bad change is undone the same way. The tech team wrote the deployment steps down as a procedure that Claude Code, Anthropic’s coding assistant, follows, so going live does not depend on one person’s memory.

A person reviews every page before it goes live, and checks any fact or number against a source. Generated copy reads as confident whether it is right or wrong.

The results

Exhibit 1Before and after Claude Design
MeasureBeforeAfter
Updating an interactive prototype after feedbackAbout 1 weekWithin 1 day
Landing pages produced in one monthNot tracked7
Concept to live landing page (team estimate)2 to 4 weeks1 to 3 days

Source: Mereka’s tech team, 2026

The bigger change is who can do the work. Lala, from our content team, can now update a page’s text without the developers.

“However, I still need Faiz’s help to relaunch the landing page with the updated content.”Lala, content team

Lala rates her comfort with Claude Design at 3 out of 5, and Iqbal at 3.5. The barrier is lower, though it is still there.1

Lessons and what’s next

The biggest surprise was that consistency has a cost. Lala described it this way:

“Claude Design does a great job sticking to our master design kit and branding rules. However, the overall vibe still feels very ‘AI-generated.’ After looking at a few different landing pages, they all start to look a bit similar and lack that emotional connection or creative spark you get from a human designer.”Lala, content team

Our response is to keep a designer on pages where character matters, rather than publishing the first draft.

The tool also makes things up. Faiz says it “sometimes hallucinate and I need to re-prompt it again but better than before”.

We have not yet measured what the pages achieve, only what they cost to make. Next, we plan to add page analytics, build a reusable Mereka page starter, train the content team to publish without help and time pages from brief to launch so our estimates become measurements.

Sources and methods

1 Mereka’s tech team, 2026

Figures come from Mereka’s tech team: Faiz’s own count of prototype time and landing pages, the team’s estimate of concept-to-live time, and comfort ratings from the content team. Collected between June and October 2026.

Get started

Book a free discovery call

  1. Step 1

    We learn your goals

    In 30 minutes: your team, your tools and what you want AI to change.

  2. Step 2

    We recommend and quote

    The right programme and format, in a tailored proposal.

  3. Step 3

    We handle HRD Corp

    We prepare the HRD Corp documents and claim from your levy, so there is no deposit. Paying another way? We set it up with you.

Prefer to message? Email ailab@mereka.io or WhatsApp +60 11-3011 6472

HRD Corp claimable