[노코들리] 노코드 툴 특징 분석_웹플로우 webflow 편

안녕하세요, 노코드 활용백서 노코들리(nocodly)의 복빌리입니다.

이번 글에서는 webflow(웹플로우)의 주요 특징과 강점과 약점에 대해 알아보겠습니다.

 

노코드라는 서비스 자체가 갖는 공통 특징에 대해서는 따로 언급하지 않습니다.
공통적인 특징이 궁금하시다면 아래 글을 확인해 주세요.

[노코들리] 노코드란? 사용 목적과 장단점 파헤치기

 

노코드 툴 특징 분석_웹플로우 webflow 편

0.  webflow 미리보는 3줄 총평

• 노코드 계열에서 디자인 자유도 끝판왕 도구입니다.
• 유연한 CMS(Contents Management System)를 제공하고 수준 높은 SEO 세팅 기능을 지원합니다.
• 웹플로우로 만들 수 있는 타입이 명확하고, 사용 방식을 학습하는데 난이도가 있는 편입니다.

 

1. webflow의 주요 특징

(1) 만들 수 있는 것

• 회사나 제품을 소개하기 위한 홈페이지, 랜딩페이지
• 자신을 소개하는 포트폴리오 페이지
• 강력한 SEO를 갖는 블로그
• 이커머스 쇼핑몰 (단, 국내 정서에 맞춤제작 제한)

(2) 만들기 어려운 것

• 단순 이동이나 처리를 넘어 커스텀으로 다양한 기능이 들어가야 하는 서비스
• 위 (1)번에서 언급한 '만들 수 있는 것'을 제외한 나머지 사이트

 

2. webflow의 강점

(1) 자유로운 디자인 퍼포먼스

• 어떤 디자인이든 원하는 형태로 비주얼(시각적) 사이트를 개발할 수 있습니다.
• 2D, 3D부터 다양한 인터렉션까지 비주얼 작업에 필요한 다양한 기능을 지원합니다.
• 타 노코드툴 보다 디자인 자유도가 월등히 높습니다.

(2) 강력한 SEO 세팅

• 개발 지식이나 별도 플러그인 없이 웹플로우 자체 설정으로 원하는 방식으로 강력한 SEO 세팅이 가능합니다.
• SEO에 대한 기초 지식이 없어도 웹플로우에서 자동 처리되는 세팅으로 기본적인 설정을 커버할 수 있습니다.
• 무엇보다 사이트 속도가 굉장히 빨라 속도 퍼포먼스에서 높은 점수를 얻을 수 있습니다.

(3) 위치 기반 CMS

• 단순 CMS(Contents Management System)을 넘어 사용자 위치 기반으로 콘텐츠를 보여줄 수 있습니다.
• 코드 작성이 전혀 필요하지 않으며, 현지화된 SEO 세팅도 지원됩니다.
• 1개의 사이트로 효율적인 글로벌 트래픽을 수집하기 위한 최적의 CMS를 제공합니다.

(4) 다양한 템플릿 그리고 플러그인

• 서비스가 아닌 일반적인 웹사이트 구축에 맞춰 다양한 카테고리로 잘 만들어진 템플릿을 제공하고 있습니다.
• 웹플로우도 역시 노코드에서 중요한 integration(통합)을 지원하며 다양한 서비스를 연동할 수 있습니다.

 

3. webflow의 약점

(1) 개발 결과 편차 존재

• 제작자의 IT UX/UI 디자인 기초 지식과 프론트 개발 기초 지식의 유무에 따라 개발 결과 수준이 다를 수 있습니다.
• 개발 언어를 공부할 필요는 없으나 개발 관련 기초 지식이 요구됩니다.

(2) 확장성 제한

• 웹플로우는 웹사이트 구축이라는 명확한 방향이 있어 그럴 수 있지만 적용할 수 있는 기능이 제한적으로 제공됩니다.
• 플러그인 설치나 커스텀 코드(HTML, CSS, Javascript)를 통해 어느 정도 기능을 구현할 수 있지만 모든 것을 할 순 없습니다.
• 특히 결제 기능은 해외 PG사나 해외 대기업 페이를 지원하기에 국내 정서에 맞는 PG사 연동이 쉽지 않습니다.

(3) 시간 투자가 필요한 학습

• 높은 수준의 비주얼 사이트를 만들 수 있도록 다양한 기능을 제공하고 있어 최소한의 툴 학습 시간이 필요합니다.
• 대부분 공식 가이드 영상은 영어로 제공되고 있어 한국어 학습이 어렵습니다.
• 템플릿을 사용해 사이트를 제작하더라고 기본적인 사용방식을 모르면 수정하기 어려울 수 있습니다.

 

 

여기까지 웹플로우에 대한 주요 특징과 장단점을 알아봤습니다.

감사합니다!

 

- 노코드 활용백서 노코들리(nocodly)의 복빌리 -