Skip to content
Agency / Web design / Ecommerce

How to choose the right ecommerce web design agency

An ecommerce web design agency is judged by how it handles platform fit, content structure, delivery handover and post-launch support. The portfolio matters, but it does not decide the project on its own: the same team can deliver a beautiful site your own people cannot update. Further down, the ten-step migration checklist is the part worth holding an agency to in writing.

  • Judge the agency on platform fit, content structure, tool integrations and the handover to your own team, not on the prettiest case study.
  • Before you sign, ask who works on the project day to day, how change requests are priced and who owns the files, the code and the licences at the end.
  • Migration is where rankings are lost: map the old URLs, prepare redirects before go-live, then check indexation after the switch.
  • On the Webflow sites we deliver, naming classes by convention is what keeps the catalogue editable by your own team after launch.
  • Nomadism, Astore, Dulcolax Italy and Blockz are four deliveries you can compare: a booking flow, a group procurement catalogue, a regulated design system and an audited on-chain platform.

Mehdi's take: a Webflow build stalls at the end when classes are named differently from one page to the next. The issue is rarely design quality, it is the lack of a system that the next team can extend without guessing.

Free tool / 5 min / no commitment

Describe your project, get a recommendation + estimate in 5 minutes.

Our scoping tool guides you step by step, recommends the right technology (Webflow, WordPress or custom) and generates a project spec with an indicative budget range.

build.mad.studio
01Your projectNeeds, pages, features, style
02The recommendationTech + reasoned alternative
03The estimateRange + project spec
02 / What to compare

What changes when design has to sell

Once the site has to sell, each surface does a different job, and an agency has to be judged on all of them rather than on the home page it put in the deck. Google publishes a dedicated ecommerce section in Search Central covering how product data, structured markup and pagination should be handled, and it is a reasonable baseline to hold an agency to.

Category pages that help people compare

Category pages need hierarchy, filtering and the kind of interface design that helps visitors narrow the field. If the merchandising is unclear, people bounce between options instead of moving forward. This is usually where a visitor first compares, so ask to see filtering and sort behaviour on a live catalogue rather than in a mockup.

Product pages that answer objections

Product pages should resolve doubt before the user reaches checkout. That usually means images, specifications, trust signals, pricing clarity and content that can be scanned quickly on mobile.

  • Show the product from more than one angle.
  • Keep the specifications close to the decision point.
  • Surface delivery, returns and trust signals without hiding them.
  • Keep the pricing logic visible when the offer is not standard.

Checkout without avoidable friction

Checkout fails when the path is longer than needed or the form asks for too much. Account creation, payment options and step count all shape abandonment risk. Checkout is also where consumer-protection and contractual requirements land, and they vary with the markets you sell into. Whatever applies to your business, that work belongs in the launch scope rather than in a fix made after go-live.

What to measure after launch

After launch, watch analytics, search visibility and the behaviour of key pages. Search Console, GA4 and testing feedback tell you where the site is losing people, and the Core Web Vitals give a shared definition of loading, interactivity and visual stability rather than an argument about speed. Agree before launch who reads those numbers every month and who is allowed to act on them, because an unowned dashboard changes nothing.

Which ecommerce stack fits your business model?

The stack should match how your team publishes content, how complex the catalogue is and how much engineering you want to own internally. Webflow suits structured content and fast editorial control, while more complex builds need tighter system thinking, closer to a no-code or custom setup depending on the catalogue.

  • Shopify: retail teams that want standard ecommerce flows. Check how far custom content and design rules need to stretch.
  • Webflow: structured marketing sites with controlled publishing. Needs named classes and a disciplined CMS setup.
  • Headless commerce: teams with several interfaces and stronger technical ownership. Requires more coordination across front-end and data flow.
  • Custom front-end: complex products, integrations or constrained enterprise environments. More effort, more dependencies and more launch risk.

Mobile experience and search visibility

Mobile and search decide more of the build than the desktop mockup does, yet they are the first two things a portfolio review skips. On mobile, the questions are concrete: does the category page let someone narrow a catalogue with one thumb, do product specifications stay near the decision point, and does checkout survive a small screen and a slow connection. Google's Core Web Vitals thresholds are public, which is a better basis for a conversation with an agency than an argument about how fast the site feels. On search, ask how the agency handles product data, structured markup, pagination and faceted navigation, because those are where ecommerce sites leak visibility quietly. Google's ecommerce section in Search Central, linked above, is the reference, and an agency that cannot map its own practice onto it is improvising. The same test applies when you hire an SEO agency in Dubai or anywhere else: ask which layer it owns.

  • Which templates carry structured data, and who validates it before launch?
  • How are filters and sort orders kept out of the index when they duplicate content?
  • Who owns the redirect map when the catalogue changes?
  • What is measured on mobile specifically, rather than as a site-wide average?

The migration checklist to hold an agency to

Migration is where ecommerce sites lose the most, and it is the part proposals describe in one line. Ask for this sequence in writing, split before and after go-live.

  1. Export every indexable URL from the current site, from both the sitemap and a full crawl.
  2. Attach traffic, rankings, backlinks and revenue to each URL.
  3. Decide per URL: keep, merge or retire, with the reason recorded.
  4. Map every old URL to its destination, including merges and retirements.
  5. Write the 301 rules and have them reviewed before launch, not after.
  6. Check canonicals, robots.txt, sitemaps, structured data and metadata on staging.
  7. Crawl staging in full and clear the errors before opening to the public.
  8. Freeze catalogue and content changes during the switch window.
  9. Recrawl immediately after go-live: 404s, redirect chains, loops, orphan pages.
  10. Watch indexation and queries in Search Console for the following weeks, and fix as you go.
Step three is the one most often skipped, and the most valuable. A migration is the right moment to retire pages that no longer earn their place, provided the decision is made with the data rather than by instinct.

Note / Mehdi / Founder

Design is functional when it is asked to solve a real constraint, like the imposed CMS components on Dulcolax Italy, where the site also had to sell over-the-counter products online under Italian regulatory approval, or a global system used on Visa Concierge and Visa Europe. That is the kind of fit I look for first, because it tells me the team can work with the actual business rather than with a presentation layer only. If the agency talks only about style, ask how it handled system rules, approvals and rollout discipline.

Mehdi
Mehdi, Founder, mad.studio
03 / Ongoing support

Ongoing support after the project ends

The build is the short part. What follows is a catalogue that changes, legal pages that move, integrations that update, and content someone has to publish. A serious proposal states what happens then, at what cost, and what it excludes. Push on the exclusions in particular: that is where the post-launch invoices come from.

  • A retainer keeps a named team available and smooths the cost, which suits a site that sells every day.
  • On a WordPress stack in particular, core and plugin updates make that cadence non-negotiable.
  • Ad-hoc intervention bills by the hour and works when requests are genuinely rare.
  • Full handover moves everything in-house, which only works if the CMS was modelled for it and the documentation exists.
  • The practical test of a real handover: a client team that can edit content, publish a page and manage a redirect without opening a ticket.
build.mad.studio / free tool

Describe your project, get a recommendation + estimate in 5 minutes.

  • Recommended tech
  • Budget range
  • Project spec
05 / What a serious build must cover

What a serious ecommerce build must cover

Each of the four blocks below is a place a proposal can stay silent and a project can lose weeks. If one is missing from the scope, the work does not disappear, it moves to your team.

01 / Integrations

Integrations and data flow

The build should connect the CMS, catalogue, CRM, analytics, payment and operational tools without breaking the content model. When the stack is already structured, the team spends less time fixing mismatched fields later. Three of our projects show what that looks like under pressure: Dulcolax Italy built inside imposed CMS components, Visa Concierge on the global Visa design system, and Blockz with smart contracts deployed on-chain, still live.

Deliverable: products, pages and content rules flowing from CMS to catalogue; structured content and display logic between the front-end and the product layer; rollout, approvals and live status wired to the launch.

02 / Migration

Migration without losing SEO

Map the old URLs before the move, prepare redirects before go-live rather than after, keep content parity on the pages that matter, then check indexation and page speed after the switch. Google Search Central sets out the same sequence for a site move with URL changes: map, redirect, then monitor. Launch content also needs the right legal and commercial handling, which gets heavier when the site sells into several markets.

Deliverable: a URL map, the 301 rules reviewed before launch, a staging crawl with the errors cleared, and a post-launch indexation check.

03 / QA and launch

QA on staging, then the switch

Canonicals, robots.txt, sitemaps, structured data and metadata are checked on staging, the catalogue and content are frozen during the switch window, and the site is recrawled immediately after go-live for 404s, redirect chains, loops and orphan pages.

Deliverable: a launch checklist split before and after go-live, with a named owner for each check.

04 / Handover

Handover and post-launch support

Handover means the client team can edit, publish and track the site without waiting for every small change. Documentation, training and a clear first-day scope matter more than a polished launch deck, and they are what a delivery engagement should list explicitly. For Visa, the same global design system was rolled out across web and mobile in several countries, which shows the value of a system that can be transferred across teams.

Deliverable: documentation, a training session for the people who publish, the support model in writing, and access to every account, repository and licence.

Note / Mehdi / Founder

Consistently named classes keep the whole build easier to hold together and cut the rework that piles up at the end. That is where the handover becomes real, because the client team can edit content without asking for a rebuild. The mistake is to treat the system as an internal detail: once the site is live, that naming discipline decides how quickly pages can be updated.

Mehdi
Mehdi, Founder, mad.studio
06 / Proof and pricing

What proof to check, and how agencies price ecommerce work

Portfolio pages and screenshots tell you what the team built, but case details and operational evidence tell you how it was delivered. Ecommerce web design agencies usually price by scope, delivery model and how much integration work the project needs, on the same logic as a B2B web design engagement.

Proof to check before you decide

  • Named projects, system constraints and outcomes you can verify, such as a live platform or a measurable reduction in rework
  • A site the agency actually delivered on a constrained stack, and a clear answer on who will keep the CMS manageable after launch
  • A project delivered under an outside constraint, an approval chain, a group design system or an audit, as on Visa Concierge, Visa Europe, Dulcolax Italy and Blockz
  • A reference you can call, and a straight answer on which parts the client's own team did rather than the agency

What moves the price

  • The biggest cost drivers are the number of pages, the complexity of the stack and the amount of handover required after launch
  • A structured marketing site sits in the lower effort band: mostly content, design system and CMS discipline
  • A multi-market rollout sits higher: languages, approvals and shared systems
  • A complex platform build sits highest: integrations, deployment and ownership across teams
  • Engagements at the studio range from €10,000 to over €500,000, billed as a fixed price, a specific quote or a retainer, and the band follows the delivery load rather than a fixed page count

Ask which band the proposal assumes and what would push it into the next one. A vague answer there usually means the scope has been quoted rather than costed.

07 / The shortlist grid

How to shortlist an ecommerce web design agency

Run each shortlisted agency through the four rows below and fill the middle column in yourself, from what the team actually showed you. Two empty cells is a shorter conversation than a long proposal.

What to checkWhat good evidence looks likeWhy it matters
Platform fit Visa Concierge on a global design system, or Dulcolax Italy inside imposed CMS components Shows the team can work inside constraints
Delivery breadth Blockz covering design, branding, development, smart contracts and audited on-chain deployment Reduces gaps between strategy, build and launch
Handover discipline A Webflow site with named classes and a documented CMS Limits rework and makes content updates easier
Support model A team able to keep the site aligned with content and technical changes Matters when the catalogue, routes or legal pages move

Read the table as a filter. If the agency cannot show a site it actually delivered on a constrained stack, or cannot explain who will keep the CMS manageable after launch, the risk shifts to your team.

Tool / 60 seconds / no commitment

Which ecommerce setup fits your business model?

Three questions to place the project: a standard platform theme kept tight, a structured build with the studio, or a headless or custom front rolled out in phases.

Step 1 / 1
Your project
Structured build with the studio

A disciplined Webflow or Shopify build, with the content model, integrations and handover scoped before design starts.

Category, product and checkout each do a different job. The agency has to connect the CMS, the catalogue, payment and analytics without breaking the content model, then hand the site to your team with named classes and documentation.

08 / Testimonials

Testimonials

The migration happened with zero traffic loss. Redirects, metadata, everything was verified before launch. No nasty surprises.

Thomas L. CTO, Scale-up (Lyon)

The Bubble MVP was live in 8 weeks, with auth, payments and back-office. The documentation let us take over and iterate without depending on anyone. The time saving on the product cycle is concrete.

Claire D. Product Director, Fintech (Lyon)

The WordPress foundation they delivered has stayed stable for two years, with clean updates and an internal team that publishes without any technical involvement.

Elodie F. Marketing Manager, Retail
09 / Questions to ask before you sign

Five questions for the commercial discussion

Who works on the project day to day, and how senior are they?

The pitch team and the delivery team are rarely the same people. Ask for names, roles and how much of their week the project takes, then hold the proposal to it.

How do you scope and price change requests?

Ecommerce scopes move: a catalogue grows, a market opens, a legal page changes. A written rule for pricing changes is what keeps the launch date and the invoice predictable.

Who owns the design files, the code and the third-party licences at the end?

If the answer is vague, the handover is not real. The files, the repository, the platform account and every licence should be in your name before launch, and listed in the engagement.

What happens if the launch date slips?

The answer tells you whether the team plans for risk. A launch that depends on a catalogue freeze, a redirect review and a staging crawl has natural checkpoints; a launch described as one date has none.

What do you explicitly exclude from the engagement?

Content production, photography, translations, licences and post-launch support are the five items that most often sit outside the number, and the five that most often come back later as an invoice.

10 / FAQ

Frequently asked questions

The cost depends on platform, scope and how much integration work sits around the site. A structured marketing site costs less than a build that includes multiple systems, migration and post-launch support. Ask for the scope in phases, then compare what is included in design, development, content and handover. That gives you a more useful answer than a headline figure with no delivery detail.
In ecommerce, the 80 20 rule is used as a way to focus effort on the pages and flows that carry most of the decision load. Category pages, product pages and checkout usually deserve more attention than secondary content. Use it as a prioritisation tool, not as a substitute for measurement. Search Console and analytics show which parts of the site matter most in your case.
Agencies charge according to the work they take on rather than the number of templates. Platform choice, integrations, migration and support change the amount of time needed. If the agency can explain the effort bands by scope type, you can compare quotes more fairly. If it cannot, the number is hard to trust.
Yes, because businesses still need sites that explain, qualify and convert demand. The work now covers design systems, structured content, search visibility and handover as well as visual design. That is visible in projects like Visa Concierge, Dulcolax Italy and Blockz, where the design work sits inside real delivery constraints.
An agency is worth it when the project needs several skill sets at once, such as design, development, SEO and launch support. A freelancer can work well on a smaller scope with fewer dependencies. If the site has integrations, migration risk or a structured handover, the agency model reduces the chance that the gaps fall on your team.
Ask for the platform choice in writing, with the reasons tied to your content model, team setup and launch constraints. If the explanation is generic, push for a second option and a clear trade-off. The wrong platform usually shows up later as editing friction or migration pain. A project like Dulcolax Italy, built inside imposed CMS components, shows why the stack has to fit the real operating environment.
11 / About the author

About the author

Author / Mehdi / Writer

The portfolio tells you what an agency can make look good. Platform fit, migration discipline and a handover your team can actually use tell you whether it can deliver a store that keeps selling after launch. That is the grid I apply to our own work.

Mehdi
Mehdi, Writer, mad.studio
12 / Related pages

Related pages

To go further, here are the most useful pages depending on your need.

Talk about your ecommerce project

A short call is enough to place the platform, the integrations and the handover. That framing is what makes proposals comparable, whichever partner you pick afterwards.

We reply within 24h. 30 min call. No commitment.