๐ŸŽฏ Updated April 2026

Best website builder for UX designers

A product manager at a Series B startup has a Thursday-afternoon shortlist open in a browser tab: three UX designers' sites sent over by a recruiter. She has maybe twelve minutes before her next call. On the first site, a grid of twelve Dribbble-style shots of app screens, no context, no story. She closes it. On the second, a long case study about a checkout flow: the original conversion number, the research round that uncovered the drop-off, three iterations of the design, the version that shipped, the new conversion number. She reads the whole thing. On the third, a Figma prototype she can click through, a research write-up, and a quoted line from the client about what changed. She books calls with designers two and three. Designer one never finds out why the inbox went quiet. This is the conversion surface you're designing for, and the builder you pick shapes whether your work lands as thinking or as pixels.

Why we believe Squarespace is the best website builder for UX designers

The UX designers I've watched build durable careers over five or ten years do something specific with their websites. They don't treat the portfolio as a gallery of app screens. They treat it as a set of three or four in-depth case studies that tell a real product story, with research, iteration, and an outcome attached. Hiring managers don't want to see polished mockups. They want to see how you think. That framing decides which builder wins, because once the site becomes a reading experience with embedded prototypes and research artefacts, the platform that matches the craft without a fortnight of setup wins.

01

Editorial templates that give the case study room to breathe

Hyde, Bedford, Paloma, and Altaloma all treat long-form content as a first-class citizen.

Generous line-height, real type scales, room for full-bleed process shots between paragraphs, sensible sidebars for key-takeaway callouts. A UX case study is 1,500 to 3,000 words of mixed prose, screenshots, diagrams, and embedded prototypes. Squarespace's Fluid Engine handles that mix without the layout collapsing on mobile or the type looking like a blog post pretending to be a portfolio. Wix's designer-labelled templates are inconsistent and most still read like 2017 dribbble-bait. Shopify is wrong for this entirely. Webflow is beautiful in capable hands, and a project if you're new to it.
02

Figma embeds, prototype iframes, and research-artefact galleries work out of the box

A serious UX case study needs four things the page builder has to handle without a plugin circus.

A clickable Figma or FigJam embed. A prototype iframe (InVision, Figma Prototypes, Framer). A research-artefact gallery (affinity maps, journey maps, personas, usability-test screenshots). And inline diagrams from Miro or Whimsical. Squarespace's embed block takes each of these natively. Wix gets there but with more fiddling. Webflow does this beautifully once you've built the shell. Shopify isn't really in this conversation. The operational point is that an embed that works without thinking about it lets you update the prototype in Figma and see it refresh on the site, which matters when the case study is still being iterated.
03

Case studies that tell the problem-research-design-outcome story outperform portfolio-grid homepages for hiring-manager conversion.

This is the claim I'd stake the page on, and it's the one that separates the UX designers who get interviews from the ones who don't.

A UX hiring manager reading your site isn't evaluating your visual polish. They're evaluating whether you can frame a problem, run the right research, iterate toward a solution, and measure the impact. A portfolio grid of app screens shows them pixels. It doesn't show them the thinking, which is the only thing the hire is actually about. I've watched UX designers with genuinely strong work sit unemployed for months because their site led with a grid. I've watched others with less polished visual work get shortlisted at every company they applied to because their three case studies walked the reader through a real product decision. The shape that converts is specific: the problem as the business saw it, the research you ran to pressure-test the problem framing, two or three design iterations with what you learned between them, the version that shipped, and an outcome attached to a number. One case study in that shape closes more interviews than twenty project thumbnails. It's also the single piece of advice Nielsen Norman Group has been giving UX portfolios for years, and the one most designers resist the longest. The resistance is usually NDA anxiety (which is solvable with redaction and framing) or a suspicion that the story makes the work seem smaller than the final pixels suggest. In practice, the story is what makes the work seem bigger.
04

Industry-vertical framing is a hiring accelerator, not a constraint

A UX designer who positions themselves as "UX for fintech" or "UX for healthtech" or "UX for enterprise SaaS" gets shortlisted faster than one who positions as "UX designer".

The same pattern that works for web designers picking a client vertical works harder here, because UX hiring managers are usually hiring for a specific product context (a regulated industry, a B2B SaaS tool, a consumer marketplace) and the applicant who already speaks the language skips two interviews worth of ramp-up. Squarespace's structure (a home page that sets the positioning, three case studies that defend it, a writing section that reinforces it) handles this cleanly. The fear is always that picking a vertical closes doors. In reality, generalist applicants compete against every other generalist on LinkedIn. Verticalists compete against a much smaller field for a more targeted set of roles, at a higher hit rate.
05

Launch speed matters more than you think in hiring cycles

UX hiring concentrates around Q1 and Q4.

January budgets reset and teams post roles against fresh headcount. October through December see year-end backfills and new-product staffing for spring launches. A UX designer whose site is still in wireframe by the time a cycle opens is a UX designer watching the cycle close. Squarespace gets you from empty trial to a three-case-study portfolio site in a working weekend. The Webflow equivalent, for a designer who hasn't shipped Webflow before, is three to four weekends minimum. That gap is the difference between applying for the January roles and applying for the April ones, which are a thinner field at worse rates.
06

The craft signal lives in the case study, not the chrome

There's a persistent belief that a UX designer's personal site has to demonstrate bespoke interaction design, complex page transitions, and visual sophistication that proves the designer can do the job.

In my experience, hiring managers look at the chrome for about six seconds and then read the case study for ten minutes. A clean, restrained Squarespace template with the case study written well outperforms a bespoke Webflow build with a weak case study, every time. Over-investing in the shell is a common displacement activity that lets designers feel like they're advancing the site without doing the hard work (writing the cases studies honestly and specifically). The shell has to not embarrass you. The shell does not have to win the job.
8.6
Our verdict

The right pick for most working UX designers

Scored against how a UX hiring manager actually evaluates a portfolio site (three case studies read in depth, a prototype clicked through, a research artefact inspected, a quick read on positioning and vertical fit), the best website builder for UX designers is Squarespace. Editorial templates that respect long-form case studies, clean Figma and prototype embeds, and a launch speed that matches how hiring cycles actually move. Webflow is the better call when your target is senior IC or lead roles at design-forward product teams where bespoke interaction design on your personal site is itself a hiring signal, and you have the time to ship it right. Skip Wix unless you're already deep in its ecosystem for unrelated reasons. Skip Shopify entirely; it's the wrong tool for this job.

Try Squarespace free

Where Webflow earns the runner-up spot

Webflow is the runner-up for a specific cohort of UX designers, not a second-best-everywhere. Two situations flip the call toward Webflow, and no amount of launch-speed argument changes the arithmetic in those cases.

You're applying for senior IC or lead roles at design-forward product teams

At Linear, Figma, Vercel, Arc, and their peers, the hiring bar includes a personal site that itself demonstrates interaction-design craft. A bespoke Webflow build with considered page transitions, custom cursor states, and genuinely designed micro-interactions is itself part of the portfolio. Squarespace is fine for product and staff roles at most companies. It's the weaker signal if the target is specifically the teams where the site's chrome is read as evidence of the craft.

Your case studies are CMS-heavy and you'll publish more than five

Webflow's CMS collections are the right tool when you're shipping eight, twelve, or twenty case studies over the next two years, because the data model (hero, client, role, problem statement, research methods, design iterations, outcome) can be defined once and reused. Squarespace's blog gets you to five cleanly. Past that, the absence of typed CMS fields starts to show. If you're a contract UX designer with a pipeline of shippable case studies, Webflow earns the investment.

You want to own the interaction-design surface end-to-end

Some UX designers treat their personal site as a portfolio. Others treat it as a sandbox for interaction-design ideas they can't ship at work. If you're in the second group, Webflow gives you a canvas that rewards the investment. Squarespace doesn't fight you, but it doesn't reward you either.

The honest limit on the Webflow call is time and discipline. A half-finished Webflow site sitting in drafts for six months because you wanted pixel-perfect custom transitions is a worse outcome than a shipped Squarespace site with three strong case studies. If the Webflow build isn't happening in the next three weekends, commit to Squarespace, launch the site, and revisit the platform question next year after you've had interviews on a live portfolio.

How the other major website builders stack up for UX designers

Scored 1 to 10 on the factors that matter for a typical working UX designer (freelance or small-agency, hiring-manager conversion as the primary goal, three to five case studies on display, embeds and prototypes as a core requirement).

Factor Squarespace Webflow Wix Shopify
Case-study narrative structure 9 10 6 4
Figma / prototype embed handling 9 9 7 4
Research-artefact gallery layout 9 9 7 5
Template fit for UX portfolios 9 8if designer 6 5
Typography on long-form reading 8 10 6 5
Launch speed for hiring cycles 9 5 9 7
Inquiry / contact form depth 9 8 8 5
SEO surface for case studies 8 9 6 8
Relative cost tier Mid Premium Mid Premium
Overall fit for UX designers 8.6 ๐Ÿ† 8.1 6.7 5.4

The UX portfolio stack: NN/g, IxDA, Behance, Dribbble, and your own site

A UX designer's website sits inside a broader ecosystem of platforms where hiring managers, recruiters, and peers encounter your work. Understanding which one does which job keeps you from building the wrong thing on the wrong platform. Most UX designers I've worked with underuse the ecosystem and over-rely on the personal site alone to do all four jobs at once, which is how the site ends up doing none of them well.

Nielsen Norman Group publishes the most cited guidance on UX portfolio case studies in the industry. Their research on what hiring managers actually look for (process depth, research rigour, outcome framing) is the backbone of how a credible UX portfolio gets structured. Read their case-study guidance before you write a line of copy for your site. It saves months of iteration.

IxDA (the Interaction Design Association) runs local chapters, the Interaction conference, and a practitioner community that's the closest thing UX has to a professional body. An active membership, an occasional talk at a local chapter, and participation in the discourse translate into hiring-manager-visible credibility in a way that individual LinkedIn activity doesn't.

Behance and Dribbble are discovery surfaces with different audiences. Behance skews toward agency and brand work, and the case-study format is long-form enough to support real UX writing. Dribbble skews toward shot-based visual design and is weaker for UX specifically (the format pushes you toward pretty mockups rather than research-backed case studies). Both are worth having as discovery surfaces, with the real case study living on your own site and a summary shot on Dribbble or Behance linking back.

Your own site is where the serious evaluation happens. Hiring managers landing via Dribbble, Behance, LinkedIn, a referral, or a recruiter end up on your site for the deep read. The site's job is specifically to convert that attention: three case studies read in full, a prototype clicked through, a research artefact examined, a clear positioning statement absorbed, and a contact form filled out or an email drafted. Every other surface is upstream of this one.

For ongoing writing on UX practice, craft, and career moves, the UX Collective is the canonical Medium-adjacent publication, and Smashing Magazine's UX content goes deeper on the technical craft than most design publications attempt. Neither is platform-sponsored, which is why they're worth reading alongside any builder-specific advice.

The UX designer website checklist

What UX designers actually need from a website

Seven features do most of the work. The first four are the difference between a site that books interviews and a portfolio that never converts. Get these right and the rest is decoration.

Not thumbnails. Real stories. The business problem, the research you ran, the iterations you tried, what you shipped, and the measurable outcome. One in this shape beats twenty without it.
Hiring managers want to click through a flow, not just read about it. An embedded Figma prototype or a Framer-hosted iframe turns a static read into a hands-on evaluation, and converts noticeably harder.
Affinity maps, journey maps, personas, usability-test screenshots, interview synthesis. Not hidden behind a PDF download. Inline, visible, captioned. This is the artefact that tells hiring managers you do research, not just pixels.
One sentence on the homepage or about page that says what you do and who for ("UX for fintech teams shipping consumer products", "UX for B2B SaaS tools used by ops teams"). Generalists compete on price. Specialists compete on fit.
Two paragraphs. What you do, how you think about UX (research-led, systems-thinking, whatever's honest), and the kind of team you work best inside. Not a resume, not a credential wall.
Two or three posts a year on a research technique, a case study you can't publish, or an opinion on the craft. These rank for long-tail queries and signal depth beyond the visual.
A single line noting whether you're contracting, open to full-time, or fully booked. Hiring managers and recruiters appreciate knowing before they draft an email.

Squarespace handles all seven without extra apps. Webflow covers all seven with more design ceiling and a longer build. Wix and Shopify fall short on the embeds and the CMS-backed case study structure respectively.

Which Squarespace templates suit UX designers best

Every Squarespace template runs on Fluid Engine and is broadly interchangeable, so the choice is picking the right starting aesthetic rather than a permanent commitment. These four are the ones I point UX designers toward most often, and they all handle long-form case studies, prototype embeds, and research-artefact galleries without modification.

Hyde

Magazine-editorial layout with generous room for long-form case study reading. Best for UX designers whose case studies lean narrative-heavy, with research synthesis and design rationale doing most of the work. Reads like a design publication rather than a portfolio.

Bedford

Clean, classic layout with strong type defaults and a tight blog structure. Works well when the case studies are the centre of gravity and the chrome is meant to get out of the way. Good for UX designers targeting product and enterprise teams where restraint signals seniority.

Paloma

Image-forward portfolio layout that still handles long-form case studies cleanly. Suits UX designers whose work photographs well and benefits from strong hero imagery per case study (consumer products, mobile apps, anything visually distinctive). The mobile reading flow is tight.

Altaloma

Minimal, typography-first layout with room for bespoke case-study pages. Good for UX designers who want each case study to feel visually distinct rather than slotted into a uniform template shell. Slightly more work to maintain, more upside on craft signal.

All four handle the checklist above without modification. The template is the starting aesthetic, not the feature set, and I'd gently discourage spending more than a weekend on this choice. Pick whichever reads closest to how you want to be read, launch, revise in month three. For ongoing writing on UX portfolio strategy specifically, Nielsen Norman Group's case-study guidance is worth re-reading every year.

Common mistakes UX designers make picking a builder

Five patterns show up repeatedly on UX designers' sites, and they're all versions of the same underlying error: treating the site as a visual artefact instead of a hiring-manager conversion surface. The first is the most common and the most costly.

Leading with a portfolio grid of app screens. A tiled grid of twelve phone-mockup thumbnails is the default instinct, and it's the fastest way to get a hiring manager to close the tab. Grids flatten every project into a pretty picture and hide the thinking. Lead with two or three case-study cards that each have a one-line problem framing and an outcome number. Save the grid for a secondary page, or cut it entirely.

Publishing screens without a case-study narrative. A case study that's three screenshots and two sentences isn't a case study. It's a mood board. UX hiring managers are evaluating whether you can frame a problem, run research, iterate, and measure. A page without that structure tells them nothing about how you think. If you only have three hours to spend on the site this week, spend them writing one case study properly rather than polishing the homepage.

Branding as "UX designer" with no industry vertical. A UX designer whose homepage says "I design user experiences" is competing against every other UX designer on LinkedIn. One whose homepage says "I design UX for fintech teams shipping consumer products" is competing in a much smaller field at a much higher hit rate. The fear is that specialising closes doors. In practice it opens the right ones. Pick a vertical and defend it.

Hiding the research deliverables behind a PDF download. Affinity maps, journey maps, personas, interview synthesis, usability-test screenshots. These are the artefacts that prove you do research. Gated behind a PDF download, they're invisible. Inline, captioned, visible on the case study page, they're the single strongest signal that you're not a visual-designer-called-UX. Publish them openly (with client details redacted where needed).

Not including a Figma file or prototype sample. A clickable prototype, a Figma file you can inspect, or a Framer-hosted interactive demo turns a static read into a hands-on evaluation. Hiring managers who can click through a flow convert at a noticeably higher rate than hiring managers who can only read about one. Even a simplified version of the prototype (with NDA-sensitive content redacted) does the job. The absence is a gap the reader fills with doubt.

Q1 and Q4 corporate hiring cycles, and the months that decide the year

UX hiring isn't evenly distributed through the year. Q1 (January through March) is where fresh budget and new-year headcount drive the bulk of shortlisting and offers. Q4 (October through December) covers year-end backfills, new-product staffing for spring launches, and teams burning hiring budget before it expires. Roughly 60 to 70 percent of a year's shortlisting in UX happens in those six months for a typical mid-level role. The site has to be ready for the window, not rebuilt during it.

The December preparation window is where Q1 is won. Interviews in January come from hiring managers who checked your site in December. Update case studies in the first two weeks of December. Polish the positioning statement. Test the Figma embeds in private browsing. By January the window is already closing and the strongest candidates' sites are already live.

The September update is the Q4 equivalent. October inbound from recruiters and hiring managers is highest when your site was last updated in September. A site that's been static since May signals a designer who isn't in the market, and gets deprioritised accordingly. Refresh at least one case study in September every year.

LinkedIn 'Open to work' signals aren't a substitute for a live site. A recruiter who clicks through from your LinkedIn to a broken prototype link or a half-built case study doesn't come back. The Open-to-work tag gets you in the search results. The live site gets you the interview. Both have to work. Audit every outbound link on your site before flipping the Open-to-work switch.

The case studies on the front page should map to the roles you actually want. Hiring managers pattern-match. The three case studies a prospect reads first should be the ones closest to the roles you're applying for. If you're applying for fintech roles, put the fintech case study first. This sounds obvious and almost nobody does it. Rotate the order on the homepage to match each application cluster, rather than leaving them in reverse-chronological.

What I'm less sure about. Honestly? What I'm least sure about is how AI design tools (v0, Galileo, Uizard, and whatever ships next) are going to compress the junior UX work that most portfolios are built on. The argument I've been making (research-heavy, outcome-attached case studies convert) probably holds at the mid-to-senior level for the next few years, because strategic framing and cross-functional judgement don't automate easily. At the junior end, where a lot of portfolio case studies are wireframes and UI iterations, the floor is rising fast as AI tools get better at generating credible wireframes and interface patterns on a prompt. My current bet is that the case studies that survive this are the ones that show the research and the judgement behind the design, not the craftsmanship of the final screens. That's partly why I'd push UX designers to write the thinking up honestly now, rather than betting on the portfolio-as-visual-artefact holding its value. I reserve the right to have misjudged how fast this lands on the hiring side.

FAQs

Problem, research, design, outcome. Problem is the business framing as the company saw it (a conversion drop, a retention cliff, a support ticket pattern, a new-market expansion). Research is what you ran to pressure-test the framing (user interviews, usability studies, analytics review, competitive teardowns) and what surprised you. Design is two or three iterations with the reasoning between them. Outcome is what shipped and what it moved, ideally with a number (conversion lift, task-completion improvement, support-ticket reduction, NPS change). If the number is under NDA, a client quote about the impact is the next best thing. Structure beats prose in this format. A hiring manager scanning the case study should be able to see the arc in the headings.
Pick the vertical you have the most credible case studies in, name it on the homepage ("UX for fintech teams", "UX for B2B SaaS", "UX for healthtech"), and write the case studies to reinforce it. Generalist inquiries still come in, and you can still take them, but the site is optimised for the vertical where you're strongest. The fear is that specialising loses you work. In practice it wins you better-fitted work at higher rates. Generalist UX designers compete against everyone. Specialists compete in a much smaller, better-compensated field where the hiring manager already speaks your language. The specialist positioning is a filter that makes the wrong inquiries self-disqualify.
Inline, visible, captioned, on the case study page itself. Not gated behind a PDF download. Not screenshotted at too low a resolution to read. Affinity maps, journey maps, personas, usability-test summaries, interview synthesis: these are the artefacts that prove you do research, not just pixels. Redact client-sensitive content where NDA requires it (names, specific numbers, identifying screenshots), but the structure of the artefact should be readable. A hiring manager should be able to tell, in a twenty-second scan of your research section, whether you ran the research or whether someone handed you the output.
Yes, on at least one case study. A clickable Figma prototype embed, a Framer-hosted interactive sample, or a public Figma file hiring managers can inspect turns a static read into a hands-on evaluation. The conversion lift from at least one hands-on artefact per portfolio is meaningful, because hiring managers who can click through a flow are evaluating your work in the medium it actually lives in. NDA considerations are solvable with a simplified or redacted version of the prototype. The absence of any interactive sample is a gap hiring managers notice and fill with doubt.
Project pricing is a single engagement with a defined scope, deliverable, and timeline (a research round, a feature redesign, a new onboarding flow). Retainer pricing is ongoing capacity reserved monthly or quarterly, usually for product teams embedding a UX designer part-time into their squad. The website handles both by having two inquiry paths: a project-inquiry form for one-off engagements and a separate availability or hire-me surface for retainer or full-time conversations. Confusing the two wastes everyone's time on discovery calls. On a Squarespace site, two forms on the contact page with different headline framings handles this cleanly.
Only with a WordPress-savvy collaborator maintaining it, or with a specific premium portfolio theme you're committed to customising. WordPress gives you maximum control at the cost of hosting, plugin updates, theme customisation, and periodic security patches. For most working UX designers, Squarespace delivers 95 percent of the portfolio functionality (case studies, Figma embeds, research-artefact galleries, writing section) without the infrastructure cost, and Webflow covers the remaining ceiling where bespoke interaction design matters. WordPress makes sense when you already have a WordPress operation in your life or when the site is part of a larger content stack. For a UX designer's portfolio as a standalone hiring surface, the total cost of ownership rarely pencils out.

Get the portfolio live before the next hiring cycle

A UX designer's site is a hiring-manager conversion surface first and a craft artefact second. Three case studies in the problem-research-design-outcome shape, at least one clickable prototype, research deliverables visible on the page, and a clear industry-vertical positioning statement. That's the site that books interviews. Squarespace's 14-day free trial is enough to get a credible portfolio up in a weekend with the case studies written and the embeds tested. The next Q1 or Q4 cycle will open on a specific Tuesday, and the site that's already live on the Monday before it is the site hiring managers will read.

Start Squarespace free trial

Or start with Webflow if animated prototypes, bespoke interaction design, and CMS-driven case studies are the heart of how you want to present the work.

Also common for UX designers

Similar businesses that face the same site decisions