Webflow와 Squarespace 어느 것을 선택해야 할까요?

Tooltester는 여러분과 같은 독자들의 지원을 받고 있습니다. 귀하가 링크를 통해 구매하면 당사는 제휴 커미션을 받을 수 있으며 이를 통해 연구를 무료로 제공할 수 있습니다.

디자이너를 위한 웹사이트 빌더 아이디어는 다소 직관에 어긋나는 것처럼 보일 수 있습니다. 템플릿? 미리 만들어진 레이아웃? 일체 포함? 창의성에 정확히 도움이 되지는 않습니다. 그렇죠?

글쎄, 그것은 몇 년 전에는 사실이었을 수도 있습니다. 그러나 웹사이트 빌더는 진화했고, 이에 따라 디자이너와 크리에이티브를 염두에 두고 특별히 제작된 웹사이트 빌더 세대가 등장했습니다.

물론 저는 Webflow와 Squarespace에 대해 이야기하고 있습니다. 그들의 웹사이트를 잠깐 살펴보면 눈길을 사로잡는 최신 트렌드의 디자인으로 웹사이트를 제작할 수 있는 두 개의 매우 세련되고 세련된 웹사이트 빌더가 드러납니다.

Webflow 및 Squarespace의 홈페이지

그렇다면 어느 것이 당신에게 적합합니까? 이번 라운드에서는 포트폴리오, 사진 사이트, 비즈니스 사이트, 온라인 상점 또는 기타 유형의 웹사이트 등 요구 사항에 따라 최상의 플랫폼을 선택하는 데 도움이 되도록 Webflow와 Squarespace의 다양한 기능을 비교하겠습니다 .

Webflow vs Squarespace: 이 비교에서 누가 승리합니까? (스포일러 경고)

꽤 치열한 경쟁이었지만 결국 Squarespace가 Webflow를 이겼습니다. 이유를 알아보려면 계속 읽어보세요… (또는 급한 경우 결론으로 ​​건너뛰세요).

주요 차이점은 무엇입니까?

Webflow와 Squarespace는 모두 상당한 규모의 VC 자금 지원을 받는 미국 기반 회사입니다(Webflow는 샌프란시스코 출신, Squarespace는 뉴욕 출신). 그러나 제품 자체에는 몇 가지 주요 차이점이 있습니다.

Squarespace는 기존 웹사이트 빌더 처럼 구축되어 템플릿과 편집기의 범위 내에서 웹사이트를 구축할 수 있습니다. 일부 디자인 제어 기능이 있지만 지금까지는 사용자 정의만 할 수 있습니다. 대부분의 경우 템플릿이 웹 사이트의 스타일을 결정합니다.

지속적으로 시장점유율을 늘려가고 있는 Webflow는 웹사이트 빌더와 CMS의 하이브리드 에 가깝다고 볼 수 있습니다. 시각적 캔버스와 동적 콘텐츠 기능 덕분에 완벽한 디자인 유연성을 제공합니다. 따라서 두 가지 중 더 강력한 것은 의심할 여지가 없습니다. 하지만 이것이 항상 "더 나은" 것으로 해석되는 것은 아닙니다.

첫 번째 범주 인 사용 용이성 에서 이 두 가지가 어떻게 일치하는지 살펴보겠습니다.

사용의 용이성

정의에 따르면 웹사이트 빌더는 사용하기 쉬워야 합니다. 그러나 나는 Webflow 나 Squarespace를 사용하기 가장 직관적인 도구라고 부르지는 않을 것입니다. 아니요, 둘 중 하나를 사용하기 위해 HTML이나 CSS에 정통할 필요는 없지만 확실히 학습 곡선이 필요합니다.

이것은 특히 Webflow에 해당됩니다. 디자인 유연성에는 대가가 따릅니다 . 맞춤 설정 옵션이 너무 많아서 모두 익히는 데 시간이 걸릴 수 있습니다. 적절한 수준의 기술 지식을 보유하고 Sketch 또는 Figma와 같은 도구에 익숙하며 시스템 학습에 시간을 투자할 준비가 되어 있는 것이 모두 시스템을 최대한 활용하는 데 중요합니다.

Webflow의 디자인 편집기에서 페이지 만들기

큰 장점은 Webflow가 광범위한 지원 자료를 제공한다는 것입니다. 강좌, 튜토리얼, 비디오, 포럼 등을 통해 사용자가 익숙해지도록 돕습니다.

이에 비해 Squarespace는 훨씬 더 간단합니다. 많은 추가 도움 없이(필요한 경우 사용할 수 있음에도 불구하고) 스스로 탐색함으로써(인터페이스는 간단하고 최소한입니다) 시스템을 꽤 잘 이해할 수 있습니다.

Squarespace의 웹사이트 편집기 탐색

하지만 그렇게 직관적이지는 않습니다. 요소를 편집하려면 필요한 것보다 몇 번의 추가 클릭이 필요한 경우가 있으며, 변경 사항을 적용할 때마다 수동으로 저장해야 합니다.

하지만 사용 편의성을 추구한다면 Squarespace를 선택하는 것이 좋습니다. 스퀘어스페이스와 1:0으로 진행됩니다!

템플릿

웹사이트를 구축할 때 처음부터 시작하고 싶지 않다면 Webflow와 Squarespace 모두 선택할 수 있는 광범위한 템플릿 컬렉션을 제공합니다.

실제로 Squarespace의 템플릿 선택은 가장 자주 홍보되는 판매 포인트 중 하나 이며 매우 인상적이라고 말하고 싶습니다 . 포트폴리오 웹사이트, 블로그, 온라인 상점, 비즈니스 사이트 등을 포괄하는 약 110개의 다양한 모바일 반응형 템플릿이 있습니다. 그리고 예상하신 대로 모든 것이 최신 웹 디자인 트렌드에 맞춰 완벽하게 디자인되었습니다.

그러나 Squarespace Blueprint 덕분에 이제 처음부터 템플릿을 만들 수 있습니다. 이 안내 디자인 시스템은 전문적인 테마를 구축하는 데 필요한 모든 단계를 안내합니다.

Squarespace의 멋진 템플릿 중 하나

Webflow는 비슷한 수의 템플릿을 제공하며 대부분의 디자인은 매우 현대적이지만 실제로 Squarespace의 고급 디자인 미학과 일치하는지 확신할 수 없습니다.

Webflow의 템플릿

또 하나의 큰 차이점이 있습니다. Squarespace의 템플릿은 모두 무료이지만 Webflow는 약 40개의 무료 템플릿만 제공합니다. 대다수(그리고 더 좋은 품질의 것)를 구입해야 하며 가격은 $19 – $149 사이입니다.

Webflow와 Squarespace의 템플릿은 모두 기본적으로 모바일 친화적이지만 Webflow는 다양한 화면 크기에 맞게 템플릿을 조정할 수 있는 추가 단계를 수행한다는 점도 주목할 가치가 있습니다.

물론 백지 상태에서 시작할 계획이라면 템플릿 품질을 실제로 고려해야 할 사항은 아닙니다. 그러나 최고 수준의 템플릿 선택을 원한다면 Squarespace 가 여기서 승자라고 말하고 싶습니다. 뉴욕은 2:0!

디자인 유연성

Webflow와 Squarespace를 사용하여 웹사이트 디자인을 얼마나 제어할 수 있나요? 두 플랫폼의 차이가 엄청나는 카테고리는 다음과 같습니다.

Webflow는 디자인과 관련하여 실제로 귀하를 운전석에 앉힙니다 . 처음부터 시작하기, 템플릿 선택하기, 사전 설정 레이아웃 선택하기 등 세 가지 옵션을 제공하는 것 외에도 사이트의 모든 시각적 요소를 완벽하게 제어할 수 있습니다. 콘텐츠, 배치, 스타일 및 상호 작용은 모두 Webflow의 드래그 앤 드롭 편집기 내에서 조정될 수 있습니다.

또한 Webflow는 사용자 정의 HTML, CSS 또는 JavaScript 코드를 포함할 수 있는 옵션을 제공합니다. 그리고 앞서 언급했듯이 최대 7개(!) 개의 서로 다른 중단점에 대한 디자인을 편집할 수 있으므로 원하는 대로 모바일 경험을 자유롭게 디자인할 수 있습니다.

Webflow에서 모바일 화면 편집

Squarespace를 사용하면 더 제한적입니다 . 템플릿에는 한정된 스타일과 레이아웃 세트가 함께 제공됩니다. 이는 디자인 일관성을 보장하는 데 도움이 되지만 창의적 자유도가 떨어진다는 의미이기도 합니다. 사용자 정의할 수 있지만 어느 정도까지만 가능합니다. Squarespace의 비즈니스 계획에 있는 코드를 통해 스타일을 재정의할 수 있지만 확실히 이상적인 사용자 정의 환경은 아닙니다.

편집기 자체도 다소 제한되어 있습니다. 콘텐츠는 섹션별로 편집되며 Squarespace의 편집기는 진정한 드래그 앤 드롭 편집기가 아니기 때문에 요소를 올바른 위치에 배치하려면 열과 공백 요소를 사용해야 합니다. 좋은 점은 Webflow처럼 사용자 정의 글꼴을 업로드할 수 있다는 것입니다.

Squarespace 편집기에서 섹션 편집

Squarespace는 최신 버전(7.1)을 통해 템플릿 시스템을 대폭 개선했지만 Webflow를 사용하면 여전히 훨씬 더 많은 유연성을 얻을 수 있습니다. 이는 Squarespace의 리드를 2:1로 좁혀줍니다.

블로깅 기능

블로깅을 위한 더 좋은 도구는 무엇입니까? 당신은 놀랄 수도 있습니다.

Webflow는 견고한 블로그 솔루션을 제공합니다. 원하는 대로 블로그 템플릿을 자유롭게 디자인할 수 있으며 Webflow의 동적 콘텐츠 기능을 활용하여 블로그 게시물이 자동으로 생성되도록 할 수 있습니다.

Webflow의 샘플 블로그

하지만 댓글, RSS 피드, 소셜 미디어 공유 등의 추가 기능을 작동하려면 약간의 추가 작업이 필요합니다. 이것들은 모두 수동으로 설정해야 하며 일반적으로 코드를 약간 조작해야 합니다.

결과적으로 Squarespace는 우리가 블로그를 통해 접한 최고의 웹 사이트 빌더 중 하나입니다. 블로그 기능은 놀랍습니다. 댓글, 여러 작성자, 게시물 예약, AMP(Accelerated Mobile Posts) 지원이 모두 기본적으로 포함되어 있습니다. 또한 내장된 이메일 캠페인, 소셜 미디어 통합, 모바일 편집, 팟캐스트 호스팅까지 제공합니다. 인상적인!

Squarespace로 만든 블로그

따라서 Webflow를 사용하여 블로그 디자인을 더 효과적으로 제어할 수 있지만 블로그 활동이 우선순위인 경우 Squarespace가 더 완벽한 솔루션이라고 생각합니다. 즉, 3:1의 점수를 얻게 됩니다!

SEO

현재 우리는 Squarespace가 4라운드 중 3라운드를 차지하며 확고한 선두를 달리고 있습니다. 하지만 둘 중 어느 것이 더 나은 SEO 기능을 제공합니까?

나는 Webflow와 Squarespace가 이 면에서 꽤 동일하다고 말해야 합니다. 둘 다 견고한 SEO 편집 옵션을 갖추고 있어 모든 기본 작업(페이지 제목, URL, 설명 등 편집)을 수행할 수 있습니다. 그러나 301 리디렉션 설정, robots.txt 파일 편집, 사이트맵 생성과 같은 고급 SEO 기능도 제공합니다.

둘 다 몇 가지 고유한 이점도 제공합니다. Squarespace는 블로그 게시물에 AMP를 활성화하고, Google의 리치 검색 결과를 타겟팅하도록 제품 데이터를 구성하고, 키워드 검색 패널을 통해 Google 데이터와 직접 통합할 수 있도록 하여 사이트가 Google 친화적인지 확인하기 위해 더욱 노력하고 있습니다.

Squarespace의 블로그 게시물 SEO 설정

Webflow에서 사이트의 반응성을 완벽하게 제어할 수 있는 능력은 Google의 주요 순위 요소인 모바일 친화성에서 추가 점수를 얻는 데 도움이 될 수 있습니다. 또한 컬렉션 페이지(예: 블로그 게시물)에 대한 '자동 생성' 메타 제목과 설명을 생성할 수 있으며 그 구조를 정의할 수 있습니다.

Webflow에서 홈페이지의 SEO 설정 편집

Webflow와 Squarespace는 모두 SEO 게임의 전문가이므로 이번 라운드는 동점입니다. Squarespace는 4점, Webflow는 2점입니다.

온라인 매장

아마도 전자상거래를 생각할 때 가장 먼저 떠오르는 웹사이트 빌더는 아닐 것입니다. 그럼에도 불구하고 사이트에서 실제 또는 디지털 제품을 판매하려는 경우 Squarespace와 Webflow 모두 온라인 상점을 구축하는 데 필요한 도구를 갖추고 있습니다 .

그렇다면 그들은 어떻게 비교합니까? 이 표는 Webflow와 Squarespace의 전자상거래 기능을 비교한 스냅샷을 제공합니다.

가장 강력한 전자상거래 웹사이트 빌더는 아니지만 Webflow와 Squarespace는 매장 규모가 작은 경우 매우 정교한 전자상거래 솔루션을 제공한다고 말하고 싶습니다. 그러나 기능을 기준으로 비교한다면 Squarespace는 Webflow보다 몇 가지 상자를 더 선택한다고 생각합니다.

Squarespace로 구축된 제품 페이지

이로써 Squarespace가 5:2로 크게 앞서게 되었습니다! Squarespace가 지난 몇 라운드 동안 연속 연승을 이어갈 수 있을까요?

앱과 위젯

사이트에 추가 기능을 추가하고 싶다면 어떻게 해야 합니까? Webflow와 Squarespace를 기반으로 구축된 사이트를 어디까지 사용할 수 있는지 자세히 살펴보겠습니다.

Squarespace는 2019년 12월에 Squarespace Extensions 마켓플레이스를 출시했습니다. 현재 36개의 다양한 확장 기능을 제공하고 있으며, 그 중 대부분은 전자상거래 및 회계 관련 기능입니다(예: Shippo, Printful, Quickbooks Online). 4년 안에 36개의 확장 프로그램을 출시한다는 것은 그다지 인상적이지 않습니다.

Squarespace Extensions에서 사용할 수 있는 몇 가지 앱

Squarespace의 비즈니스 플랜 이상을 구매하면 마케팅 팝업, 양식, 사진 갤러리, 약속 일정, 회원 영역 등과 같은 기본 제공 추가 기능에도 액세스할 수 있습니다. 또한 코드 삽입을 통해 사이트에 추가할 수 있는 일부 타사 도구와 전자상거래 사이트가 있는 경우 설정할 수 있는 API가 있습니다.

Webflow의 통합은 약간 다릅니다. 라이브러리에는 200개 이상의 통합이 나열되어 있지만 이는 도구를 수동으로 추가하는 방법에 대한 가이드이므로 직접적인 앱 통합은 아닙니다. 도움이 되지만 단순히 확장 기능을 활성화하는 것보다 약간 더 많은 작업이 필요합니다.

Webflow의 광범위한 통합

접근 방식은 다르지만 둘 다 사이트 개선 측면에서 상당한 다양성을 제공합니다. 이번 라운드는 Webflow로 갑니다! 5: 3

지원하다

비교가 거의 끝나가고 있으므로 매우 중요한 범주 중 하나인 지원을 살펴보겠습니다.

웹사이트 빌더는 지원 제공이 느린 것으로 악명이 높지만(특히 정말로 필요한 경우!) Squarespace의 경우에는 그렇지 않다는 것을 직접 말씀드릴 수 있습니다. Squarespace의 실시간 채팅 덕분에 거의 즉시 답변을 얻을 수 있으며 연중무휴 이메일 지원과 포괄적인 지식 기반도 제공합니다.

편집기 내에서 Squarespace의 도움말 센터에 직접 액세스할 수 있습니다.

Webflow에 대한 개인적인 지원을 찾고 있다면 응답이 조금 더 느릴 수도 있습니다. 이는 (현재) 전화나 실시간 채팅 지원을 제공하지 않기 때문입니다. 이메일이 사용 가능한 유일한 채널이며 영업일 기준 1~2일 이내에 응답하기로 약속했습니다. 정확하지는 않습니다.

그럼에도 불구하고 스스로 해결하는 사용자 유형에 더 가깝다면 Webflow University에서 강좌, 비디오 및 단계별 가이드가 포함된 Webflow의 광범위한 리소스를 샅샅이 뒤지는 것을 좋아할 것입니다. 올바른 방향을 안내하는 데 도움이 되는 포럼, 블로그 및 자동화된 챗봇도 있습니다.

따라서 Squarespace의 개인 지원은 Webflow보다 훨씬 빠르지만 Webflow의 환상적인 리소스가 이를 보완하는 데 도움이 된다고 생각합니다. 또 다시 동점이 되어 점수는 6:4가 되었습니다.

가격

이제 마지막 카테고리입니다. 어느 것이 가격 대비 더 나은 가치를 제공합니까?

먼저 온라인 상점을 추가할 계획이 없는 사람들을 위해 설계된 일반 웹사이트 계획을 살펴보겠습니다.

• Squarespace의 개인 요금제는 월 $16 정도이며, 이를 통해 자신만의 맞춤 도메인에 블로그나 개인 웹사이트를 구축할 수 있습니다. 저장 공간이나 대역폭 제한은 없지만 Squarespace의 전자상거래, 마케팅 또는 소스 코드 기능에 액세스할 수 없습니다. 필요한 경우 월 23달러의 비즈니스 플랜으로 업그레이드할 수 있습니다. 단, 이 플랜의 전자상거래 기능은 다소 제한되어 있습니다.
• Webflow와 동등한 것은 월 $12의 가격으로 제공되는 기본 계획(사이트 계획 아래)입니다. 이는 100페이지, 50GB의 CDN 대역폭*, 최대 월간 방문 수 25,000회를 제공하지만 CMS 수집 항목은 제공하지 않습니다. 이러한 한도를 늘리려면 CMS (월 23달러) 또는 비즈니스 (월 39달러)와 같은 더 높은 요금제로 이동할 수 있습니다.

*50GB이면 충분하며 월간 방문수 25,000회를 쉽게 지원할 수 있습니다.

전자 상거래 계획 의 가격은 약간 높습니다.

• Squarespace의 가장 낮은 전자 상거래 계획은 기본 전자 상거래 이며 월 $27입니다. 제품 제한은 없지만 방치된 장바구니 복구, 실시간 배송비 등 고급 기능이 누락되어 있습니다. Basic Advanced 에서 월 49달러에 구입할 수 있습니다.
• Webflow의 가장 낮은 전자 상거래 계획은 월 $29의 표준 계획입니다. 여기서 가장 큰 차이점은 항목(제품, 변형, 카테고리 및 CMS 항목 포함)이 500개로 제한된다는 것입니다. 더 필요한 경우 Plus 플랜(1,000개 항목에 대해 $74/월) 또는 Advanced (3,000개 항목에 대해 $212/월)로 업그레이드해야 합니다.

따라서 더 많은 양의 스토리지, 대역폭 또는 제품이 필요한 경우 Squarespace가 가격 대비 가치가 가장 높다는 것이 분명합니다. 또한 Squarespace에는 첫해 무료 사용자 정의 도메인 이름이 포함되어 있지만 Webflow를 사용하면 다른 곳에서 도메인을 구입해야 한다는 점을 명심하세요.

그러나 Webflow는 Squarespace가 제공하지 않는 몇 가지 장점을 제공한다는 점도 주목할 가치가 있습니다.

• Webflow는 스타터 플랜에서 두 개의 웹사이트를 무료로 구축할 수 있는 옵션을 제공합니다. Squarespace는 무료 요금제를 제공하지 않지만 14일 동안 평가판을 사용할 수 있습니다.
• Webflow는 또한 여러 사이트를 구축해야 하는 경우(예: 클라이언트용) 다양한 계정 계획을 제공합니다. 이는 월 $16부터 시작합니다.

그렇기 때문에 다양한 요구 사항에 맞는 광범위한 계획을 접하는 경우가 많지 않기 때문에 Webflow 도 이번 라운드에서 점수를 받을 자격이 있다고 생각합니다.

안타깝게도 아직 Webflow를 앞서기에는 충분하지 않습니다. 실제로 7점 대 5점으로 Squarespace가 이 대결의 확실한 승자입니다!

Squarespace와 Webflow: 나란히 비교

다음은 두 웹사이트 빌더에서 찾을 수 있는 다양한 기능을 간략하게 요약한 것입니다.

	4.3	3.83
사용의 용이성
디자인의 선택과 유연성(템플릿)
광고 없음
언어
자신의 도메인 이름(예: .com 또는 .net)
탐색 깊이
위젯(추가 기능을 추가하는 작은 도구)
모바일 앱	iOS 기계적 인조 인간	iOS 기계적 인조 인간
전자상거래
검색 엔진 최적화(SEO)
블로그
방문자 통계
문의 양식
비밀번호 보호 및 회원 영역
뉴스레터 도구
HTML 코드 추가
저장 공간	제한 없는	제한 없는
백업 및 복원
지원하다	자주하는 질문 채팅 이메일 전화	자주하는 질문 채팅 이메일 전화
재미있는 요소
물가	개인 $16 비즈니스 $23 온라인 스토어 (기본) $27 온라인 상점 (고급) $49	스타터 $0 코어 $19 성장 $49
전체 평가
	전체 리뷰 읽기 지금 사용해 보세요!	전체 리뷰 읽기 지금 사용해 보세요

결론

Squarespace에 유리한 확률이 확고히 쌓인 상황에서 왜 Webflow를 선택해야 하는지 궁금할 것입니다.

Squarespace는 여러 범주에서 더 강력하지만 궁극적으로는 얼마나 많은 디자인 제어가 필요한지에 달려 있다고 생각합니다.

웹사이트를 처음부터 완전히 디자인 하고 싶다면 Webflow를 선택하겠습니다. 예를 들어, 클라이언트를 위한 비즈니스 웹사이트를 디자인하는 경우 Webflow를 사용하면 디자인을 완전히 제어할 수 있을 뿐만 아니라 개발자가 웹사이트를 구축할 필요도 없어집니다. 이는 비용과 시간을 크게 절약해 고객과 나 모두에게 이익이 됩니다. 비록 Squarespace 사이트보다 더 많은 작업이 필요하더라도 말입니다.

완전한 제어권을 갖는 것보다 훌륭한 디자인을 갖는 것이 더 중요 하다면 Squarespace가 더 나은 옵션이 될 것입니다. 예를 들어 멋진 포트폴리오, 사진 사이트, 블로그 또는 온라인 상점을 원하는 경우 더 빠르고 깔끔한 옵션입니다. 따라서 제가 초보자이거나 유지 관리가 더 적은 사이트를 원한다면 Squarespace가 확실히 제 선택이 될 것입니다.

한 가지 확실한 점은 Webflow와 Squarespace 모두 디자인 분야에서 강세를 보이고 있으며 이들이 앞으로 어떻게 진화할지 면밀히 관찰할 것이라는 점입니다.

결정하셨나요? 여기에서 Squarespace 무료 14일 평가판에 등록하거나 여기에서 무료 Webflow 플랜에 등록할 수 있습니다.